@import '_content/Xablu.Blazor/Xablu.Blazor.u04nzrf8bj.bundle.scp.css';

/* /Components/Analytics/AnalyticsInsightsPanel.razor.rz.scp.css */
/* v3.44.0 absorption: the 6 .card-insight + .insight-{positive|warning|recommendation|trend|anomaly|milestone}
   border-left modifier classes are gone — XEntityCard.AccentColor + AccentBorder render the
   3px leading-edge accent via the lib-canonical .x-entitycard--accent-{variant} surface. The only
   consumer styling that remains is the non-canonical insight-icon emoji + the small-icon font weight,
   neither of which intersects the lib's surface. */

.insight-icon[b-ib83goj00i] {
    font-weight: var(--x-font-weight-medium);
    margin-right: var(--x-spacing-2);
}
/* /Components/Analytics/AnalyticsTopPostsPanel.razor.rz.scp.css */
.post-engagement-stat[b-otye40wmlq] {
    min-width: 60px;
    text-align: center;
}

.post-detail[b-otye40wmlq] {
    flex: 1;
}
/* /Components/Apify/ActorConfigurationRow.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=Settings | Bounded-Context=Settings.Apify | Sprint=phase-143-mr-9c-apify-credential-ui */
/* MR-9c — Per-row styling for the Configured Actors list on /settings/apify.
   Uses --x-color-* design tokens (CsTokenMigrationGuardrailTests forbids
   legacy --color-* names; --x-color- is the canonical Xablu design-token
   prefix). */

.actor-row[b-0tppbbh7yz] {
    display: grid;
    grid-template-columns: 1fr 12rem auto auto;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1rem;
    border: 1px solid var(--x-color-border);
    border-radius: 6px;
    background-color: var(--x-color-background);
}

/* MR-9d -- red outline + tinted background when rolling spend >= cap. */
.actor-row--capped[b-0tppbbh7yz] {
    border-color: var(--x-color-destructive);
    background-color: var(--x-color-destructive-muted);
}

/* MR-9d -- per-actor spend column */
.actor-row__spend[b-0tppbbh7yz] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.actor-row__spend-value[b-0tppbbh7yz] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--x-color-foreground);
}

.actor-row__spend-suffix[b-0tppbbh7yz] {
    font-weight: 400;
    color: var(--x-color-muted-foreground);
    margin-left: 0.25rem;
}

.actor-row__spend-bar[b-0tppbbh7yz] {
    width: 100%;
    height: 6px;
    background-color: var(--x-color-muted);
    border-radius: 3px;
    overflow: hidden;
}

.actor-row__spend-bar-fill[b-0tppbbh7yz] {
    height: 100%;
    background-color: var(--x-color-primary);
    transition: width var(--x-transition-normal);
}

.actor-row--capped .actor-row__spend-bar-fill[b-0tppbbh7yz] {
    background-color: var(--x-color-destructive);
}

.actor-row__main[b-0tppbbh7yz] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.actor-row__icon[b-0tppbbh7yz] {
    flex-shrink: 0;
    color: var(--x-color-muted-foreground);
}

.actor-row__text[b-0tppbbh7yz] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.actor-row__parser[b-0tppbbh7yz] {
    font-weight: 600;
    color: var(--x-color-foreground);
    font-size: 0.875rem;
}

.actor-row__actor[b-0tppbbh7yz] {
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, monospace);
    font-size: 0.8125rem;
    color: var(--x-color-muted-foreground);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.actor-row__cap[b-0tppbbh7yz] {
    font-size: 0.75rem;
    color: var(--x-color-muted-foreground);
    margin-top: 0.25rem;
}

.actor-row__status[b-0tppbbh7yz] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    align-items: flex-end;
}

.actor-row__disabled-reason[b-0tppbbh7yz] {
    font-size: 0.75rem;
    color: var(--x-color-muted-foreground);
    max-width: 14rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.actor-row__actions[b-0tppbbh7yz] {
    flex-shrink: 0;
}
/* /Components/Apify/ApifyConnectModal.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=Settings | Bounded-Context=Settings.Apify | Sprint=phase-143-mr-9c-apify-credential-ui */
/* MR-9c — Shared layout primitives for the three Apify modals. Each modal
   uses the same body/actions/help/warning rhythm so the visual identity
   stays consistent. Uses --x-color-* design tokens per the CsTokenMigrationGuardrailTests
   ratchet (legacy --color-* names are forbidden). */

.apify-modal-body[b-e7hpt09s79] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.5rem 0;
}

.apify-modal-help[b-e7hpt09s79] {
    margin: 0;
    color: var(--x-color-muted-foreground);
    font-size: 0.875rem;
    line-height: 1.5;
}

.apify-modal-warning[b-e7hpt09s79] {
    color: var(--x-color-warning);
}

.apify-modal-error[b-e7hpt09s79] {
    margin-bottom: 0.5rem;
}

.apify-modal-actions[b-e7hpt09s79] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}
/* /Components/Calendar/CadenceOverlay.razor.rz.scp.css */
/* SDH: Presentation | Calendar | CadenceOverlay.css | Sprint CN (CN-5) */

.cadence-overlay[b-wnmhokx31z] {
    background: var(--x-color-background);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    padding: var(--x-spacing-3) var(--x-spacing-4);
    margin-bottom: var(--x-spacing-3);
}

.cadence-overlay-header[b-wnmhokx31z] {
    margin-bottom: var(--x-spacing-2-5);
}

.cadence-overlay-title[b-wnmhokx31z] {
    font-size: var(--x-text-sm);
    font-weight: 600;
    color: var(--x-color-foreground);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.cadence-bars[b-wnmhokx31z] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.cadence-bar-row[b-wnmhokx31z] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2-5);
}

.cadence-channel-label[b-wnmhokx31z] {
    min-width: 56px;
    font-size: var(--x-text-xs);
    font-weight: 600;
    white-space: nowrap;
}

/* Channel label colors */
.cadence-label-blog[b-wnmhokx31z] {
    color: var(--x-color-info);
}

.cadence-label-social[b-wnmhokx31z] {
    color: var(--x-color-success);
}

.cadence-label-email[b-wnmhokx31z] {
    color: var(--x-color-primary-hover);
}

.cadence-label-video[b-wnmhokx31z] {
    color: var(--x-color-destructive);
}

.cadence-label-podcast[b-wnmhokx31z] {
    color: var(--x-color-warning);
}

.cadence-label-other[b-wnmhokx31z] {
    color: var(--x-color-muted-foreground);
}

/* Progress bar track */
.cadence-bar-track[b-wnmhokx31z] {
    flex: 1;
    height: 10px;
    background: var(--x-color-muted);
    border-radius: 5px;
    overflow: hidden;
}

.cadence-bar-fill[b-wnmhokx31z] {
    height: 100%;
    border-radius: 5px;
    transition: width var(--x-transition-slow);
}

/* Status fills */
.cadence-fill-green[b-wnmhokx31z] {
    background: var(--x-color-success);
}

.cadence-fill-amber[b-wnmhokx31z] {
    background: var(--x-color-warning);
}

.cadence-fill-red[b-wnmhokx31z] {
    background: var(--x-color-destructive);
}

/* Numbers */
.cadence-bar-numbers[b-wnmhokx31z] {
    min-width: 44px;
    text-align: right;
    font-size: var(--x-text-xs);
    font-weight: 500;
    color: var(--x-color-muted-foreground);
    white-space: nowrap;
}

@media (max-width: 768px) {
    .cadence-overlay[b-wnmhokx31z] {
        padding: var(--x-spacing-2) var(--x-spacing-3);
    }

    .cadence-channel-label[b-wnmhokx31z] {
        min-width: 48px;
        font-size: var(--x-text-xxs);
    }

    .cadence-bar-numbers[b-wnmhokx31z] {
        font-size: var(--x-text-xxs);
        min-width: 36px;
    }
}
/* /Components/Calendar/CadenceTargetPanel.razor.rz.scp.css */
.widget-card[b-jyev01zj3w] {
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-card);
    box-shadow: var(--x-elevation-sm);
    padding: var(--x-spacing-5);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.ctp-subtitle[b-jyev01zj3w] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}
/* /Components/Calendar/CalendarEntryCard.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=Content | Bounded-Context=Content.Calendar | Sprint=CO */

/* --- Base card --- */
.calendar-entry-card[b-ih8rnhx9la] {
    padding: var(--x-spacing-2) var(--x-spacing-2-5);
    border-radius: var(--x-radius-md);
    cursor: pointer;
    border-left: 3px solid var(--x-color-border);
    transition: opacity var(--x-transition-normal), box-shadow var(--x-transition-normal);
    font-size: var(--x-text-xs);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.calendar-entry-card:hover[b-ih8rnhx9la] {
    opacity: 0.85;
    box-shadow: var(--x-elevation-sm);
}

.calendar-entry-card:focus[b-ih8rnhx9la] {
    outline: 2px solid var(--x-color-primary);
    outline-offset: 1px;
}

/* --- Channel background colors --- */
.channel-blog[b-ih8rnhx9la] {
    background: var(--x-color-info-muted);
    border-left-color: var(--x-color-info);
}

.channel-social[b-ih8rnhx9la] {
    background: var(--x-color-success-muted);
    border-left-color: var(--x-color-success);
}

.channel-email[b-ih8rnhx9la] {
    background: var(--x-color-primary-muted);
    border-left-color: var(--x-color-primary-hover);
}

.channel-video[b-ih8rnhx9la] {
    background: var(--x-color-destructive-muted);
    border-left-color: var(--x-color-destructive);
}

.channel-podcast[b-ih8rnhx9la] {
    background: var(--x-color-warning-muted);
    border-left-color: var(--x-color-warning);
}

.channel-other[b-ih8rnhx9la] {
    background: var(--x-color-muted);
    border-left-color: var(--x-color-muted-foreground);
}

/* --- Header row (channel pill + status badge) --- */
.entry-header[b-ih8rnhx9la] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    flex-wrap: wrap;
}

/* --- Channel pill --- */
.entry-channel-pill[b-ih8rnhx9la] {
    display: inline-block;
    padding: 1px var(--x-spacing-1-5);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xxs);
    font-weight: 600;
    line-height: 16px;
    white-space: nowrap;
    background: rgba(255, 255, 255, 0.8);
}

.pill-channel-blog[b-ih8rnhx9la] {
    color: var(--x-color-info);
}

.pill-channel-social[b-ih8rnhx9la] {
    color: var(--x-color-success);
}

.pill-channel-email[b-ih8rnhx9la] {
    color: var(--x-color-primary-hover);
}

.pill-channel-video[b-ih8rnhx9la] {
    color: var(--x-color-destructive);
}

.pill-channel-podcast[b-ih8rnhx9la] {
    color: var(--x-color-warning);
}

.pill-channel-other[b-ih8rnhx9la] {
    color: var(--x-color-muted-foreground);
}

/* --- Status badge --- */
.entry-status-badge[b-ih8rnhx9la] {
    display: inline-block;
    padding: 1px var(--x-spacing-1-5);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xxs);
    font-weight: 600;
    line-height: 16px;
    white-space: nowrap;
}

.badge-status-draft[b-ih8rnhx9la] {
    background: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
}

.badge-status-review[b-ih8rnhx9la] {
    background: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.badge-status-scheduled[b-ih8rnhx9la] {
    background: var(--x-color-info-muted);
    color: var(--x-color-info);
}

.badge-status-published[b-ih8rnhx9la] {
    background: var(--x-color-success-muted);
    color: var(--x-color-success);
}

/* --- Title --- */
.entry-title[b-ih8rnhx9la] {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--x-color-foreground);
    font-size: var(--x-text-xs);
    line-height: 1.3;
}

/* --- Footer row (assignee + linked ideas) --- */
.entry-footer[b-ih8rnhx9la] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
    margin-top: var(--x-spacing-0-5);
}

.entry-assignee[b-ih8rnhx9la] {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    min-width: 0;
}

.entry-assignee-avatar[b-ih8rnhx9la] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--x-color-border);
    color: var(--x-color-foreground);
    font-size: var(--x-text-xxs);
    font-weight: 700;
    flex-shrink: 0;
}

.entry-assignee-name[b-ih8rnhx9la] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80px;
}

.entry-ideas-count[b-ih8rnhx9la] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    white-space: nowrap;
    font-weight: 500;
}

/* --- Publish button --- */
.entry-publish-btn[b-ih8rnhx9la] {
    margin-left: auto;
    padding: 1px var(--x-spacing-2);
    font-size: var(--x-text-xxs);
    font-weight: 600;
    color: var(--x-color-success);
    background: var(--x-color-success-muted);
    border: 1px solid var(--x-color-success);
    border-radius: var(--x-radius-sm);
    cursor: pointer;
    white-space: nowrap;
    transition: background var(--x-transition-normal), color var(--x-transition-normal);
    line-height: 16px;
}

.entry-publish-btn:hover[b-ih8rnhx9la] {
    background: var(--x-color-success);
    color: var(--x-color-card);
}
/* /Components/Calendar/CalendarEntryCreateModal.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=Calendar | Bounded-Context=Calendar.EntryCreate.Styles | Sprint=CN */

.entry-create-form[b-x0vfjrbhfx] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.entry-create-field[b-x0vfjrbhfx] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.entry-create-row[b-x0vfjrbhfx] {
    display: flex;
    gap: var(--x-spacing-3);
}

.entry-create-field--half[b-x0vfjrbhfx] {
    flex: 1;
}

.entry-create-date-input[b-x0vfjrbhfx] {
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-sm);
    padding: var(--x-spacing-2) var(--x-spacing-2-5);
    width: 100%;
    box-sizing: border-box;
}

.entry-create-date-input:focus-visible[b-x0vfjrbhfx] {
    outline: none;
    border-color: var(--x-color-primary);
    box-shadow: 0 0 0 2px var(--x-color-primary-muted);
}

.entry-create-textarea[b-x0vfjrbhfx] {
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-sm);
    padding: var(--x-spacing-2) var(--x-spacing-2-5);
    resize: vertical;
    min-height: 72px;
    width: 100%;
    box-sizing: border-box;
}

.entry-create-textarea:focus-visible[b-x0vfjrbhfx] {
    outline: none;
    border-color: var(--x-color-primary);
    box-shadow: 0 0 0 2px var(--x-color-primary-muted);
}

.entry-create-error[b-x0vfjrbhfx] {
    font-size: var(--x-text-xs);
    color: var(--x-color-destructive-hover);
    padding: var(--x-spacing-2) var(--x-spacing-3);
    background: var(--x-color-destructive-muted);
    border-radius: var(--x-radius-sm);
    border: 1px solid var(--x-color-destructive-muted);
}

.entry-create-actions[b-x0vfjrbhfx] {
    display: flex;
    justify-content: flex-end;
    gap: var(--x-spacing-2);
}
/* /Components/Calendar/CalendarEntryDetail.razor.rz.scp.css */
.entry-detail[b-csl2oqx5sk] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-5);
}

.detail-section[b-csl2oqx5sk] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.detail-grid[b-csl2oqx5sk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--x-spacing-3);
}

.detail-field[b-csl2oqx5sk] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.field-label[b-csl2oqx5sk] {
    font-size: var(--x-text-xs);
    font-weight: 600;
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
}

.field-value[b-csl2oqx5sk] {
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
}

.detail-description[b-csl2oqx5sk] {
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    line-height: 1.5;
    margin: 0;
}

.detail-actions[b-csl2oqx5sk] {
    display: flex;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
}

.linked-idea-link[b-csl2oqx5sk] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border-radius: var(--x-radius-md);
    background: var(--x-color-background);
    border: 1px solid var(--x-color-border);
    text-decoration: none;
    color: var(--x-color-foreground);
    cursor: pointer;
    transition: all var(--x-transition-normal);
}

.linked-idea-link:hover[b-csl2oqx5sk] {
    background: var(--x-color-primary-muted);
    border-color: var(--x-color-primary-muted);
}

.linked-idea-icon[b-csl2oqx5sk] {
    font-size: var(--x-text-sm);
    color: var(--x-color-primary);
    flex-shrink: 0;
}

.linked-idea-title[b-csl2oqx5sk] {
    font-size: var(--x-text-sm);
}

.field-value--muted[b-csl2oqx5sk] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
}

.detail-reschedule-row[b-csl2oqx5sk] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--x-spacing-3);
}

/* Align the reschedule button to the right when the row stacks vertically */
.detail-reschedule-row > .x-button[b-csl2oqx5sk] {
    align-self: flex-end;
}

/* Phase 147 — published-to surface for entries that reached an external platform. */
.detail-published[b-csl2oqx5sk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--x-spacing-3);
}

.detail-published-link[b-csl2oqx5sk] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
    color: var(--x-color-primary);
    text-decoration: none;
    font-size: var(--x-text-sm);
}

.detail-published-link:hover[b-csl2oqx5sk] {
    text-decoration: underline;
}

.detail-published-icon[b-csl2oqx5sk] {
    color: var(--x-color-primary);
}

.detail-published-postid[b-csl2oqx5sk] {
    font-family: ui-monospace, 'Cascadia Mono', 'SF Mono', Menlo, monospace;
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    background: var(--x-color-muted);
    padding: var(--x-spacing-1) var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
}
/* /Components/Calendar/CalendarGrid.razor.rz.scp.css */
/* SDH: Presentation | Calendar | CalendarGrid.css | Sprint CN (CN-5) */

.calendar-grid-container[b-kawnaesl1d] {
    width: 100%;
    background: var(--x-color-background);
    border-radius: var(--x-radius-md);
    border: 1px solid var(--x-color-border);
    overflow: hidden;
}

/* --- Header --- */
.calendar-header[b-kawnaesl1d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--x-spacing-4) var(--x-spacing-5);
}

.calendar-nav[b-kawnaesl1d] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
}

.calendar-month-year[b-kawnaesl1d] {
    min-width: 160px;
    text-align: center;
    color: var(--x-color-foreground);
    margin: 0;
}

.calendar-title-text[b-kawnaesl1d] {
    font-size: var(--x-text-sm);
    font-weight: 500;
    color: var(--x-color-muted-foreground);
}

/* --- Grid layout --- */
.calendar-grid[b-kawnaesl1d] {
    display: flex;
    flex-direction: column;
}

.calendar-weekdays[b-kawnaesl1d] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    border-bottom: 1px solid var(--x-color-border);
    background: var(--x-color-muted);
}

.calendar-weekday[b-kawnaesl1d] {
    text-align: center;
    font-size: var(--x-text-xs);
    font-weight: 600;
    color: var(--x-color-muted-foreground);
    padding: var(--x-spacing-2-5) var(--x-spacing-2);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.calendar-days[b-kawnaesl1d] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

/* --- Day cells --- */
.calendar-day[b-kawnaesl1d] {
    min-height: 120px;
    display: flex;
    flex-direction: column;
    padding: var(--x-spacing-2);
    border-bottom: 1px solid var(--x-color-border);
    border-right: 1px solid var(--x-color-border);
    cursor: pointer;
    transition: background var(--x-transition-normal);
    position: relative;
}

.calendar-day:nth-child(7n)[b-kawnaesl1d] {
    border-right: none;
}

.calendar-day:hover[b-kawnaesl1d] {
    background: var(--x-color-muted);
}

.calendar-day:focus[b-kawnaesl1d] {
    outline: 2px solid var(--x-color-primary);
    outline-offset: -2px;
}

.calendar-day-outside[b-kawnaesl1d] {
    background: var(--x-color-muted);
    opacity: 0.5;
}

.calendar-day-today[b-kawnaesl1d] {
    background: var(--x-color-primary-muted);
}

.calendar-day-today .calendar-day-number[b-kawnaesl1d] {
    color: var(--x-color-primary);
    font-weight: 700;
}

.calendar-day-has-items[b-kawnaesl1d] {
    /* subtle emphasis for days with content */
}

.calendar-day-number[b-kawnaesl1d] {
    font-size: var(--x-text-sm);
    font-weight: 500;
    color: var(--x-color-foreground);
    margin-bottom: var(--x-spacing-1);
}

/* --- Mini entries inside day cells --- */
.calendar-day-entries[b-kawnaesl1d] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-0-5);
    flex: 1;
    min-width: 0;
}

.calendar-mini-entry[b-kawnaesl1d] {
    padding: var(--x-spacing-0-5) var(--x-spacing-1-5);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xxs);
    font-weight: 600;
    cursor: pointer;
    transition: opacity var(--x-transition-normal);
    min-width: 0;
}

.calendar-mini-entry:hover[b-kawnaesl1d] {
    opacity: 0.75;
}

.mini-entry-title[b-kawnaesl1d] {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--x-color-foreground);
}

/* --- Channel colors for mini entries --- */
.mini-channel-blog[b-kawnaesl1d] {
    background: var(--x-color-info-muted);
    border-left: 2px solid var(--x-color-info);
}

.mini-channel-social[b-kawnaesl1d] {
    background: var(--x-color-success-muted);
    border-left: 2px solid var(--x-color-success);
}

.mini-channel-email[b-kawnaesl1d] {
    background: var(--x-color-primary-muted);
    border-left: 2px solid var(--x-color-primary-hover);
}

.mini-channel-video[b-kawnaesl1d] {
    background: var(--x-color-destructive-muted);
    border-left: 2px solid var(--x-color-destructive);
}

.mini-channel-podcast[b-kawnaesl1d] {
    background: var(--x-color-warning-muted);
    border-left: 2px solid var(--x-color-warning);
}

.mini-channel-other[b-kawnaesl1d] {
    background: var(--x-color-muted);
    border-left: 2px solid var(--x-color-muted-foreground);
}

/* --- Overflow badge --- */
.calendar-overflow-badge[b-kawnaesl1d] {
    font-size: var(--x-text-xxs);
    font-weight: 500;
    color: var(--x-color-muted-foreground);
    padding: 1px var(--x-spacing-1);
    text-align: center;
}

/* --- Responsive --- */
@media (max-width: 768px) {
    .calendar-weekday[b-kawnaesl1d] {
        font-size: var(--x-text-xxs);
        padding: var(--x-spacing-1-5) var(--x-spacing-1);
    }

    .calendar-day[b-kawnaesl1d] {
        min-height: 80px;
        padding: var(--x-spacing-1);
    }

    .calendar-day-number[b-kawnaesl1d] {
        font-size: var(--x-text-xxs);
    }

    .calendar-mini-entry[b-kawnaesl1d] {
        font-size: var(--x-text-xxs);
        padding: 1px var(--x-spacing-1);
    }

    .calendar-month-year[b-kawnaesl1d] {
        min-width: 120px;
    }
}

/* Phase 147 Bundle E-9 — status filter inline + drag-over cell cue. */
.calendar-status-filter[b-kawnaesl1d] {
    min-width: 160px;
    margin-left: var(--x-spacing-3);
}

.calendar-day--drag-over[b-kawnaesl1d] {
    background: var(--x-color-primary-muted);
    outline: 2px dashed var(--x-color-primary);
    outline-offset: -2px;
}

.calendar-mini-entry[draggable="true"][b-kawnaesl1d] {
    cursor: grab;
}

.calendar-mini-entry[draggable="true"]:active[b-kawnaesl1d] {
    cursor: grabbing;
}
/* /Components/Calendar/CampaignManager.razor.rz.scp.css */
.widget-card[b-e1e6lucnf4] {
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-card);
    box-shadow: var(--x-elevation-sm);
    padding: var(--x-spacing-5);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.widget-count-badge[b-e1e6lucnf4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: var(--x-spacing-5);
    height: var(--x-spacing-5);
    padding: 0 var(--x-spacing-1-5);
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xxs);
    font-weight: 700;
    background: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
}

.widget-count-badge--danger[b-e1e6lucnf4] {
    background: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
}

.campaign-empty-icon[b-e1e6lucnf4] {
    color: var(--x-color-border);
    margin-bottom: var(--x-spacing-2);
}

.campaign-empty-hint[b-e1e6lucnf4] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    margin-top: var(--x-spacing-1);
    text-align: center;
    max-width: 280px;
}
/* /Components/Calendar/PublishDialog.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=Content | Bounded-Context=Content.Publishing | Sprint=CO */
/* Sprint CO (CO-5): Publish dialog styles.
   Modal-shell rules retired 2026-05-06 after the migration to <XModal>
   (commit bb929bf6). XModal owns the overlay, the card frame, header
   layout, and the close affordance. The remaining body/footer rules
   below still apply to inner content the consumer renders. */

/* --- Body --- */
.publish-dialog__body[b-d22m154skq] {
    padding: var(--x-spacing-5);
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.publish-dialog__field[b-d22m154skq] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.publish-dialog__label[b-d22m154skq] {
    font-size: var(--x-text-xs);
    font-weight: 600;
    color: var(--x-color-foreground);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

/* --- Platform radio buttons --- */
.publish-dialog__platform-options[b-d22m154skq] {
    display: flex;
    gap: var(--x-spacing-4);
}

.publish-dialog__radio-label[b-d22m154skq] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
    cursor: pointer;
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
}

.publish-dialog__radio-text[b-d22m154skq] {
    font-weight: 500;
}

/* --- Content preview --- */
.publish-dialog__preview[b-d22m154skq] {
    padding: var(--x-spacing-3) var(--x-spacing-4);
    background: var(--x-color-muted);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-sm);
}

.publish-dialog__preview-title[b-d22m154skq] {
    font-size: var(--x-text-sm);
    font-weight: 600;
    margin: 0 0 var(--x-spacing-2) 0;
    color: var(--x-color-foreground);
}

.publish-dialog__preview-body[b-d22m154skq] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    line-height: 1.5;
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
}

/* --- Footer --- */
.publish-dialog__footer[b-d22m154skq] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-3) var(--x-spacing-5);
    border-top: 1px solid var(--x-color-border);
}

.publish-dialog__publishing[b-d22m154skq] {
    display: flex;
    align-items: center;
}

/* --- Success state --- */
.publish-dialog__success[b-d22m154skq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-lg) 0;
    text-align: center;
}

.publish-dialog__success-icon[b-d22m154skq] {
    font-size: 3rem;
    color: var(--x-color-success);
}

.publish-dialog__success-text[b-d22m154skq] {
    font-size: var(--x-text-lg);
    font-weight: 600;
    color: var(--x-color-success);
}

.publish-dialog__external-link[b-d22m154skq] {
    font-size: var(--x-text-sm);
    color: var(--x-color-primary);
    text-decoration: underline;
}

.publish-dialog__external-link:hover[b-d22m154skq] {
    color: var(--x-color-primary-hover);
}

/* --- Error state --- */
.publish-dialog__error[b-d22m154skq] {
    padding: var(--x-spacing-3) var(--x-spacing-4);
    background: var(--x-color-destructive-muted);
    border: 1px solid var(--x-color-destructive);
    border-radius: var(--x-radius-sm);
    text-align: center;
}

.publish-dialog__error-text[b-d22m154skq] {
    font-size: var(--x-text-sm);
    color: var(--x-color-destructive);
    line-height: 1.4;
}
/* /Components/Calendar/ScheduleFromIdeaPanel.razor.rz.scp.css */
.schedule-panel[b-4pbywwl7bu] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.idea-list[b-4pbywwl7bu] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    max-height: 300px;
    overflow-y: auto;
}

.idea-option[b-4pbywwl7bu] {
    padding: var(--x-spacing-2-5) var(--x-spacing-3);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    cursor: pointer;
    transition: all var(--x-transition-normal);
}

.idea-option:hover[b-4pbywwl7bu] {
    background: var(--x-color-muted);
}

.idea-option.selected[b-4pbywwl7bu] {
    border-color: var(--x-color-primary);
    background: var(--x-color-primary);
    background-opacity: 0.1;
}

.idea-title[b-4pbywwl7bu] {
    color: var(--x-color-foreground);
    margin-bottom: var(--x-spacing-1);
}

.schedule-fields[b-4pbywwl7bu] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
    padding-top: var(--x-spacing-2);
    border-top: 1px solid var(--x-color-border);
}

.field-group[b-4pbywwl7bu] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.date-input[b-4pbywwl7bu] {
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    background: var(--x-color-background);
}

.panel-actions[b-4pbywwl7bu] {
    display: flex;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
}

.loading-state[b-4pbywwl7bu],
.empty-state[b-4pbywwl7bu] {
    padding: var(--x-spacing-6);
    text-align: center;
}
/* /Components/Claims/AddEvidenceModal.razor.rz.scp.css */
/* Phase 178 MR-UX-2 (US-2 / US-3) — Add Evidence modal styles. */

.claims-evidence-body[b-poeesc317b] {
    display: flex;
    flex-direction: column;
    gap: var(--xb-spacing-md, 1rem);
    min-width: min(34rem, 90vw);
}

.claims-evidence-help[b-poeesc317b] {
    margin: 0;
    color: var(--xb-color-text-secondary, #4f4f4f);
    font-size: var(--xb-font-size-sm, 0.875rem);
    line-height: 1.5;
}

.claims-evidence-label[b-poeesc317b] {
    color: var(--xb-color-text-primary, #1f1f1f);
    font-size: var(--xb-font-size-sm, 0.875rem);
    font-weight: 600;
}

.claims-evidence-select[b-poeesc317b] {
    width: 100%;
    padding: var(--xb-spacing-sm, 0.5rem) var(--xb-spacing-md, 0.75rem);
    border: 1px solid var(--xb-color-border, #cdcdcd);
    border-radius: var(--xb-radius-md, 0.375rem);
    background: var(--xb-color-surface, #ffffff);
    font-size: var(--xb-font-size-sm, 0.875rem);
}

.claims-evidence-kind-row[b-poeesc317b] {
    display: flex;
    align-items: center;
    gap: var(--xb-spacing-sm, 0.5rem);
    color: var(--xb-color-text-secondary, #4f4f4f);
    font-size: var(--xb-font-size-xs, 0.8125rem);
}

.claims-evidence-spinner[b-poeesc317b] {
    display: flex;
    align-items: center;
    gap: var(--xb-spacing-sm, 0.5rem);
    color: var(--xb-color-text-secondary, #4f4f4f);
    font-size: var(--xb-font-size-sm, 0.875rem);
}

.claims-evidence-actions[b-poeesc317b] {
    display: flex;
    gap: var(--xb-spacing-sm, 0.75rem);
    justify-content: flex-end;
    align-items: center;
}
/* /Components/Claims/AssetCitedClaimsSection.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=GtmKnowledgeSpine | Bounded-Context=Claim | Sprint=Phase178-UX-1 */

.asset-cited-claims[b-b0rc86u19g] {
    margin-top: var(--x-spacing-3);
}

.asset-cited-claims__caption[b-b0rc86u19g] {
    color: var(--x-color-muted-foreground);
    margin-bottom: var(--x-spacing-2);
}

.asset-cited-claims__list[b-b0rc86u19g] {
    list-style: none;
    margin: var(--x-spacing-2) 0 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.asset-cited-claims__row[b-b0rc86u19g] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-1) var(--x-spacing-2);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-sm);
}

/* Phase 178 MR-UX-3 — retired-still-cited row gets a warning tint so the
   "this asset still cites a retired claim" signal is per-row, not just in the
   header banner. The banner remains the workspace-level call to action; the
   row-level tint is the at-a-glance "which row is the offender" signal.
   Per R-7 (CsTokenMigrationGuardrail): canonical --x-* tokens never carry
   hardcoded fallbacks — the theme is the single source of truth. Tokens
   chosen because both have light AND dark overrides defined in
   gotom8-theme.css (DbArchitectureGuardrail.ThemeCss_AllConsumedColorTokens_ShouldHaveDarkOverrides). */
.asset-cited-claims__row--retired[b-b0rc86u19g] {
    background: var(--x-color-warning-muted);
    border-color: var(--x-color-warning);
}

.asset-cited-claims__link[b-b0rc86u19g] {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    color: var(--x-color-primary);
    text-decoration: none;
    font: inherit;
}

.asset-cited-claims__link:hover[b-b0rc86u19g],
.asset-cited-claims__link:focus-visible[b-b0rc86u19g] {
    text-decoration: underline;
    outline: none;
}
/* /Components/Claims/ClaimChangeDigestDrawer.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=GtmKnowledgeSpine | Bounded-Context=Claim | Sprint=Phase-178-B */

.claim-change-digest-body[b-n81sk2kso5] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-2) 0;
}

.claim-change-digest-skeleton[b-n81sk2kso5] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.claim-change-digest-card[b-n81sk2kso5] {
    width: 100%;
}

.claim-change-digest-muted[b-n81sk2kso5] {
    color: var(--x-color-muted-foreground);
}

.claim-change-digest-stat-grid[b-n81sk2kso5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: var(--x-spacing-2);
    margin-top: var(--x-spacing-2);
}

.claim-change-digest-mono[b-n81sk2kso5] {
    font-family: var(--x-font-family-mono);
    font-size: var(--x-font-size-xs);
}

.claim-change-digest-link[b-n81sk2kso5] {
    background: transparent;
    border: none;
    text-align: left;
    color: var(--x-color-primary);
    cursor: pointer;
    padding: 0;
    font: inherit;
    text-decoration: underline;
}

.claim-change-digest-link:hover[b-n81sk2kso5],
.claim-change-digest-link:focus-visible[b-n81sk2kso5] {
    color: var(--x-color-primary-hover);
    outline: none;
}

.claim-change-digest-footer[b-n81sk2kso5] {
    display: flex;
    justify-content: flex-end;
    gap: var(--x-spacing-2);
}
/* /Components/Claims/ClaimDependentsSection.razor.rz.scp.css */
/* Phase 178 MR-UX-4 — ClaimDependentsSection styles. */

.claim-dependents-header[b-luejmucchb] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-bottom: 0.75rem;
}

.claim-dependents-pane[b-luejmucchb] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.claim-dependents-pane:first-of-type[b-luejmucchb] {
    margin-top: 0;
}

.claim-dependents-pane-header[b-luejmucchb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.claim-dependents-list[b-luejmucchb] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.claim-dependents-row[b-luejmucchb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.5rem;
    border: 1px solid var(--xablu-color-border-muted, #e5e7eb);
    border-radius: 6px;
    background-color: var(--xablu-color-surface, #fff);
}

.claim-dependents-row--orphan[b-luejmucchb] {
    background-color: var(--xablu-color-surface-muted, #f8fafc);
}

.claim-dependents-link[b-luejmucchb] {
    background: none;
    border: none;
    padding: 0;
    color: var(--xablu-color-link, #1d4ed8);
    cursor: pointer;
    text-align: left;
    font: inherit;
    flex: 1 1 auto;
}

.claim-dependents-link:hover[b-luejmucchb] {
    text-decoration: underline;
}

.claim-dependents-pattern-scope[b-luejmucchb] {
    color: var(--xablu-color-text-tertiary, #6b7280);
    font-size: 0.875rem;
}

.claim-dependents-orphan-id[b-luejmucchb] {
    color: var(--xablu-color-text-tertiary, #6b7280);
    font-style: italic;
    font-size: 0.875rem;
}
/* /Components/Claims/ClaimEvidenceList.razor.rz.scp.css */
/* Phase 178 MR-UX-3 — Shared evidence list styles.
   Lifted from ClaimDetailPage.razor.css so both the author detail and the reviewer
   panel render evidence identically. Token-driven; no raw px. */

.claim-evidence-list[b-epeqslgxmj] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--xb-spacing-md, 0.75rem);
}

.claim-evidence-list--compact[b-epeqslgxmj] {
    gap: var(--xb-spacing-sm, 0.5rem);
}

.claim-evidence-list__item[b-epeqslgxmj] {
    display: flex;
    gap: var(--xb-spacing-md, 0.75rem);
    align-items: flex-start;
    padding: var(--xb-spacing-md, 0.75rem);
    border: 1px solid var(--xb-color-border, #e6e6e6);
    border-radius: var(--xb-radius-md, 0.375rem);
    background: var(--xb-color-surface, #ffffff);
}

.claim-evidence-list--compact .claim-evidence-list__item[b-epeqslgxmj] {
    padding: var(--xb-spacing-sm, 0.5rem) var(--xb-spacing-md, 0.75rem);
}

.claim-evidence-list__body[b-epeqslgxmj] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: var(--xb-spacing-xs, 0.25rem);
    min-width: 0;
}

.claim-evidence-list__locator[b-epeqslgxmj] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--xb-spacing-xs, 0.25rem);
    align-items: baseline;
}

.claim-evidence-list__locator-text[b-epeqslgxmj] {
    word-break: break-all;
    color: var(--xb-color-text-secondary, #4f4f4f);
    font-size: var(--xb-font-size-sm, 0.875rem);
}

.claim-evidence-list__note[b-epeqslgxmj] {
    color: var(--xb-color-text-secondary, #4f4f4f);
    font-size: var(--xb-font-size-sm, 0.875rem);
    font-style: italic;
}

.claim-evidence-list__verified[b-epeqslgxmj] {
    display: inline-flex;
    align-items: center;
    gap: var(--xb-spacing-xs, 0.25rem);
    color: var(--xb-color-text-secondary, #4f4f4f);
    font-size: var(--xb-font-size-xs, 0.75rem);
}
/* /Components/Claims/ClaimHealthDrawer.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=GtmKnowledgeSpine | Bounded-Context=Claim | Sprint=Phase178-UX-1 */

.claim-health-body[b-12iiviauxr] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.claim-health-skeleton[b-12iiviauxr] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.claim-health-card[b-12iiviauxr] {
    margin-bottom: 0;
}

.claim-health-muted[b-12iiviauxr] {
    color: var(--x-color-muted-foreground);
}

.claim-health-stat-grid[b-12iiviauxr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--x-spacing-2);
    margin-top: var(--x-spacing-2);
}

.claim-health-mono[b-12iiviauxr] {
    font-family: var(--x-font-mono);
    font-size: var(--x-font-size-sm);
    color: var(--x-color-muted-foreground);
}

.claim-health-footer[b-12iiviauxr] {
    display: flex;
    justify-content: flex-end;
    gap: var(--x-spacing-2);
}
/* /Components/Claims/NewClaimModal.razor.rz.scp.css */
/* Phase 178 MR-UX-2 (US-1) — New-claim modal styles. */

.claims-newclaim-body[b-ur9ke2w8hk] {
    display: flex;
    flex-direction: column;
    gap: var(--xb-spacing-md, 1rem);
    min-width: min(32rem, 90vw);
}

.claims-newclaim-help[b-ur9ke2w8hk] {
    margin: 0;
    color: var(--xb-color-text-secondary, #4f4f4f);
    font-size: var(--xb-font-size-sm, 0.875rem);
    line-height: 1.5;
}

.claims-newclaim-charcount[b-ur9ke2w8hk] {
    align-self: flex-end;
    color: var(--xb-color-text-secondary, #4f4f4f);
    font-size: var(--xb-font-size-xs, 0.75rem);
}

.claims-newclaim-actions[b-ur9ke2w8hk] {
    display: flex;
    gap: var(--xb-spacing-sm, 0.75rem);
    justify-content: flex-end;
    align-items: center;
}
/* /Components/Claims/NewTemplateModal.razor.rz.scp.css */
/* Phase 178 MR-UX-4 — NewTemplateModal styles. Inherits modal-body spacing
   conventions from NewClaimModal / AddEvidenceModal. */

.claims-newtemplate-body[b-ko5dbw9tnk] {
    display: flex;
    flex-direction: column;
    gap: var(--xablu-spacing-md, 1rem);
}

.claims-newtemplate-help[b-ko5dbw9tnk] {
    color: var(--xablu-color-text-secondary);
    font-size: 0.9375rem;
    line-height: 1.5;
    margin: 0;
}

.claims-newtemplate-label[b-ko5dbw9tnk] {
    display: block;
    font-weight: 600;
    margin-top: var(--xablu-spacing-sm, 0.5rem);
}

.claims-newtemplate-select[b-ko5dbw9tnk] {
    width: 100%;
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    border: 1px solid var(--xablu-color-border, #d1d5db);
    font: inherit;
    background-color: var(--xablu-color-surface, #fff);
}

.claims-newtemplate-charcount[b-ko5dbw9tnk] {
    align-self: flex-end;
    color: var(--xablu-color-text-tertiary, #6b7280);
    font-size: 0.8125rem;
    margin-top: -0.25rem;
}

.claims-newtemplate-pattern-hint[b-ko5dbw9tnk] {
    color: var(--xablu-color-text-tertiary, #6b7280);
    font-size: 0.8125rem;
    margin: 0;
}

.claims-newtemplate-spinner[b-ko5dbw9tnk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--xablu-color-text-secondary);
    padding: var(--xablu-spacing-md, 1rem) 0;
}

.claims-newtemplate-actions[b-ko5dbw9tnk] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}
/* /Components/Claims/RetireClaimModal.razor.rz.scp.css */
/* Phase 178 MR-UX-2 (US-7) — Retire claim modal styles. */

.claims-retire-body[b-6g2y7a8xq0] {
    display: flex;
    flex-direction: column;
    gap: var(--xb-spacing-md, 1rem);
    min-width: min(34rem, 90vw);
}

.claims-retire-card-body[b-6g2y7a8xq0] {
    display: flex;
    flex-direction: column;
    gap: var(--xb-spacing-sm, 0.5rem);
}

.claims-retire-charcount[b-6g2y7a8xq0] {
    align-self: flex-end;
    color: var(--xb-color-text-secondary, #4f4f4f);
    font-size: var(--xb-font-size-xs, 0.75rem);
}

.claims-retire-actions[b-6g2y7a8xq0] {
    display: flex;
    gap: var(--xb-spacing-sm, 0.75rem);
    justify-content: flex-end;
    align-items: center;
}
/* /Components/Claims/SubmitForApprovalModal.razor.rz.scp.css */
/* Phase 178 MR-UX-2 (US-4) — Submit-for-approval modal styles. */

.claims-submit-body[b-uriwb05qqe] {
    display: flex;
    flex-direction: column;
    gap: var(--xb-spacing-md, 1rem);
    min-width: min(34rem, 90vw);
}

.claims-submit-card-body[b-uriwb05qqe] {
    display: flex;
    flex-direction: column;
    gap: var(--xb-spacing-sm, 0.5rem);
}

.claims-submit-meta[b-uriwb05qqe] {
    display: flex;
    gap: var(--xb-spacing-sm, 0.5rem);
}

.claims-submit-actions[b-uriwb05qqe] {
    display: flex;
    gap: var(--xb-spacing-sm, 0.75rem);
    justify-content: flex-end;
    align-items: center;
}
/* /Components/Claims/TemplateDetailModal.razor.rz.scp.css */
/* Phase 178 MR-UX-4 — TemplateDetailModal styles. */

.claims-templatedetail-body[b-12d9tbtirn] {
    display: flex;
    flex-direction: column;
    gap: var(--xablu-spacing-md, 1rem);
}

.claims-templatedetail-skeleton[b-12d9tbtirn] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.claims-templatedetail-status-row[b-12d9tbtirn] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    justify-content: space-between;
    flex-wrap: wrap;
}

.claims-templatedetail-claim-row[b-12d9tbtirn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0.5rem 0;
    flex-wrap: wrap;
}

.claims-templatedetail-claim-text[b-12d9tbtirn] {
    color: var(--xablu-color-text-primary);
    line-height: 1.5;
}

.claims-templatedetail-body-pre[b-12d9tbtirn] {
    white-space: pre-wrap;
    font-family: inherit;
    font-size: 0.9375rem;
    line-height: 1.55;
    background-color: var(--xablu-color-surface-muted, #f8fafc);
    border-radius: 6px;
    padding: 0.75rem 1rem;
    margin: 0.25rem 0 0 0;
    color: var(--xablu-color-text-primary);
}

.claims-templatedetail-pattern[b-12d9tbtirn] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.claims-templatedetail-pattern-scope[b-12d9tbtirn] {
    color: var(--xablu-color-text-tertiary, #6b7280);
    font-size: 0.875rem;
}

.claims-templatedetail-audit[b-12d9tbtirn] {
    display: flex;
    gap: 1.25rem;
    color: var(--xablu-color-text-tertiary, #6b7280);
    font-size: 0.875rem;
}

.claims-templatedetail-audit-item[b-12d9tbtirn] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.claims-templatedetail-actions[b-12d9tbtirn] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}
/* /Components/Collaboration/AssetPresenceIndicator.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=Collaboration | Bounded-Context=Asset.Presence | Sprint=Phase-149-A */

.asset-presence-indicator[b-meq5bvixgj] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-1) var(--x-spacing-2);
    background: var(--x-color-primary-muted);
    border-radius: var(--x-radius-md);
    font: var(--x-font-body-small);
    color: var(--x-color-primary-foreground);
}

.asset-presence-indicator__label[b-meq5bvixgj] {
    font-weight: var(--x-font-weight-medium);
}

.asset-presence-indicator__avatars[b-meq5bvixgj] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--x-spacing-1);
    margin: 0;
    padding: 0;
    list-style: none;
}

.asset-presence-indicator__avatar[b-meq5bvixgj] {
    border: 2px solid var(--x-color-background);
}
/* /Components/Collaboration/MentionAwareTextarea.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=Collaboration | Bounded-Context=Asset.Mentions | Sprint=Phase-149-A */

.mention-textarea[b-q8gn20pie6] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.mention-textarea__field[b-q8gn20pie6] {
    width: 100%;
    min-height: 6rem;
    padding: var(--x-spacing-2);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    background: var(--x-color-input-background);
    color: var(--x-color-foreground);
    font: var(--x-font-body);
    resize: vertical;
}

.mention-textarea__field:focus[b-q8gn20pie6] {
    outline: 2px solid var(--x-color-primary);
    outline-offset: -1px;
}

.mention-textarea__dropdown[b-q8gn20pie6] {
    position: absolute;
    top: calc(100% + var(--x-spacing-1));
    left: 0;
    right: 0;
    max-height: 14rem;
    overflow-y: auto;
    margin: 0;
    padding: var(--x-spacing-1);
    list-style: none;
    background: var(--x-color-input-background);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    box-shadow: var(--x-shadow-md);
    z-index: 10;
}

.mention-textarea__dropdown--empty[b-q8gn20pie6] {
    padding: var(--x-spacing-2);
    color: var(--x-color-muted-foreground);
    font: var(--x-font-body-small);
}

.mention-textarea__suggestion[b-q8gn20pie6] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    padding: var(--x-spacing-1) var(--x-spacing-2);
    cursor: pointer;
    border-radius: var(--x-radius-sm);
}

.mention-textarea__suggestion--highlight[b-q8gn20pie6] {
    background: var(--x-color-primary-muted);
}

.mention-textarea__suggestion-name[b-q8gn20pie6] {
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

.mention-textarea__suggestion-email[b-q8gn20pie6] {
    font: var(--x-font-body-small);
    color: var(--x-color-muted-foreground);
}
/* /Components/Common/DestructiveActionConfirmModal.razor.rz.scp.css */
/* Phase 172 UX MR-UX-7 — destructive-action confirm modal styles. Tokens-only. */

.destructive-modal-body[b-tyoow9156v] {
    padding: var(--x-spacing-2) 0;
    color: var(--x-color-card-foreground);
}

.destructive-modal-actions[b-tyoow9156v] {
    display: flex;
    justify-content: flex-end;
    gap: var(--x-spacing-2);
}
/* /Components/Competitors/AddCompetitiveAlternativeDialog.razor.rz.scp.css */
/* Phase 146 Bundle A — Add Competitive Alternative dialog. Two sections:
   kind-picker grid (11 cards) + label/notes form. */

.alt-add-form[b-3laadq8m78] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.alt-add-kind-grid[b-3laadq8m78] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: var(--x-spacing-2);
}

.alt-add-kind-card[b-3laadq8m78] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    padding: var(--x-spacing-3);
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    cursor: pointer;
    text-align: left;
    transition: border-color var(--x-transition-normal), background var(--x-transition-normal);
}

.alt-add-kind-card:hover[b-3laadq8m78] {
    background: var(--x-color-muted);
}

.alt-add-kind-card--selected[b-3laadq8m78] {
    border-color: var(--x-color-primary);
    background: var(--x-color-primary-muted);
}

.alt-add-kind-name[b-3laadq8m78] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
}

.alt-add-kind-desc[b-3laadq8m78] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    line-height: 1.3;
}

.alt-add-field[b-3laadq8m78] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.alt-add-label[b-3laadq8m78] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.alt-add-footer[b-3laadq8m78] {
    display: flex;
    justify-content: flex-end;
    gap: var(--x-spacing-2);
}
/* /Components/Competitors/CompetitiveAlternativeCard.razor.rz.scp.css */
/* Phase 146 Bundle A — competitive alternative card. Three-column header
   (icon / title block / metrics) with optional notes underneath. Kind-coloured
   icon driven by AlternativeKindRegistry.Color → role-token CSS variable. */

.alt-card[b-esf1uaft6i] {
    padding: var(--x-spacing-3);
}

.alt-card-header[b-esf1uaft6i] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: var(--x-spacing-3);
    align-items: flex-start;
}

.alt-card-icon[b-esf1uaft6i] {
    width: 36px;
    height: 36px;
    border-radius: var(--x-radius-sm);
    background: var(--x-color-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--x-color-foreground);
    flex-shrink: 0;
}

.alt-card-title-block[b-esf1uaft6i] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    min-width: 0;
}

.alt-card-title-row[b-esf1uaft6i] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
}

.alt-card-display-label[b-esf1uaft6i] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
}

.alt-card-meta-row[b-esf1uaft6i] {
    display: flex;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
}

.alt-card-metrics[b-esf1uaft6i] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    align-items: flex-end;
    flex-shrink: 0;
}

.alt-card-metric[b-esf1uaft6i] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--x-spacing-0-5);
}

.alt-card-metric-label[b-esf1uaft6i] {
    font-size: var(--x-text-xxs);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--x-color-muted-foreground);
}

.alt-card-metric-value[b-esf1uaft6i] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
    font-variant-numeric: tabular-nums;
}

.alt-card-notes[b-esf1uaft6i] {
    margin: var(--x-spacing-3) 0 0 0;
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    line-height: 1.5;
    white-space: pre-wrap;
}
/* /Components/ContentStrategy/BriefCard.razor.rz.scp.css */
/* Sprint CN v3: BriefCard — framework badge, AI sparkle, status icon, expandable */
.brief-card[b-uq03am3lqy] {
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius);
    transition: box-shadow var(--x-transition-normal), border-color var(--x-transition-normal);
}

.brief-card:hover[b-uq03am3lqy] {
    box-shadow: var(--x-elevation-sm);
    border-color: var(--x-color-muted-foreground);
}

.brief-card--expanded[b-uq03am3lqy] {
    border-color: var(--x-color-primary-muted);
    box-shadow: var(--x-elevation-sm);
}

.brief-card-header[b-uq03am3lqy] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-4);
    cursor: pointer;
}

/* Status icon circle (left) */
.brief-card-status-icon[b-uq03am3lqy] {
    width: 32px;
    height: 32px;
    border-radius: var(--x-radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: var(--x-text-sm);
}

.brief-card-status-icon--draft[b-uq03am3lqy] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.brief-card-status-icon--approved[b-uq03am3lqy] {
    background-color: var(--x-color-success-muted);
    color: var(--x-color-success);
}

.brief-card-status-icon--rejected[b-uq03am3lqy] {
    background-color: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
}

/* Title + Meta */
.brief-card-info[b-uq03am3lqy] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.brief-card-title-row[b-uq03am3lqy] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.brief-card-title[b-uq03am3lqy] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.brief-card-meta[b-uq03am3lqy] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

/* Source line — "from IdeaTitle" matching FigmaMake */
.brief-card-source[b-uq03am3lqy] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.brief-card-source-link[b-uq03am3lqy] {
    color: var(--x-color-primary);
    font-weight: var(--x-font-weight-semibold);
}

/* Badges cluster (right side) */
.brief-card-badges[b-uq03am3lqy] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
    flex-wrap: wrap;
    flex-shrink: 0;
}

.brief-card-badge[b-uq03am3lqy] {
    padding: var(--x-spacing-0-5) var(--x-spacing-1-5);
    background-color: var(--x-color-muted);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.brief-card-badge--info[b-uq03am3lqy] {
    background-color: var(--x-color-primary-muted);
    color: var(--x-color-primary-hover);
}

.brief-card-badge--idea[b-uq03am3lqy] {
    background-color: var(--x-color-primary-muted);
    color: var(--x-color-primary);
    font-weight: 500;
}

/* Framework badge */
.brief-card-framework[b-uq03am3lqy] {
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xxs);
    font-weight: 500;
}

.brief-card-framework--aida[b-uq03am3lqy] {
    background-color: var(--x-color-primary-muted);
    color: var(--x-color-primary-hover);
}

.brief-card-framework--pas[b-uq03am3lqy] {
    background-color: var(--x-color-secondary-muted);
    color: var(--x-color-secondary-hover);
}

.brief-card-framework--howto[b-uq03am3lqy] {
    background-color: var(--x-color-info-muted);
    color: var(--x-color-info);
}

.brief-card-framework--listicle[b-uq03am3lqy] {
    background-color: var(--x-color-success-muted);
    color: var(--x-color-success);
}

.brief-card-framework--standard[b-uq03am3lqy] {
    background-color: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
}

/* Status badge pill */
.brief-card-status[b-uq03am3lqy] {
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xxs);
    font-weight: 500;
    text-transform: capitalize;
}

.brief-card-status--draft[b-uq03am3lqy] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.brief-card-status--approved[b-uq03am3lqy] {
    background-color: var(--x-color-success-muted);
    color: var(--x-color-success);
}

.brief-card-status--rejected[b-uq03am3lqy] {
    background-color: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
}

/* AI Generated badge */
.brief-card-ai-badge[b-uq03am3lqy] {
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xxs);
    font-weight: 500;
    background-color: var(--x-color-secondary-muted);
    color: var(--x-color-secondary-hover);
}

/* Inline action buttons for draft briefs */
.brief-card-actions[b-uq03am3lqy] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    flex-shrink: 0;
}

/* Chevron */
.brief-card-chevron[b-uq03am3lqy] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    padding: var(--x-spacing-1);
    margin-top: var(--x-spacing-0-5);
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--x-radius-sm);
    flex-shrink: 0;
    transition: transform var(--x-transition-normal) ease, background-color var(--x-transition-normal) ease, color var(--x-transition-normal) ease;
}

.brief-card-chevron--expanded[b-uq03am3lqy] {
    background-color: var(--x-color-primary-muted);
    color: var(--x-color-primary);
    transform: rotate(180deg);
}

/* Planning-T3: RICE bar — FigmaMake BriefQueue getRiceColor */
.brief-card-rice[b-uq03am3lqy] { display: flex; align-items: center; gap: var(--x-spacing-2); flex-shrink: 0; min-width: 100px; }
.brief-card-rice-bar[b-uq03am3lqy] { flex: 1; height: 6px; border-radius: var(--x-radius-full); background-color: var(--x-color-border); overflow: hidden; }
.brief-card-rice-fill[b-uq03am3lqy] { height: 100%; border-radius: var(--x-radius-full); width: var(--brief-card-rice-width, 0%); transition: width var(--x-transition-normal) ease; }
.brief-card-rice-fill--success[b-uq03am3lqy] { background-color: var(--x-color-success); }
.brief-card-rice-fill--warning[b-uq03am3lqy] { background-color: var(--x-color-warning); }
.brief-card-rice-fill--muted[b-uq03am3lqy] { background-color: var(--x-color-muted-foreground); }
.brief-card-rice-value[b-uq03am3lqy] { font-size: var(--x-text-sm); font-weight: var(--x-font-weight-semibold); min-width: 32px; text-align: right; }
.brief-card-rice-value--success[b-uq03am3lqy] { color: var(--x-color-success); }
.brief-card-rice-value--warning[b-uq03am3lqy] { color: var(--x-color-warning); }
.brief-card-rice-value--muted[b-uq03am3lqy] { color: var(--x-color-muted-foreground); }

/* Phase 154 — fields-preview chip on the collapsed card. */
.brief-card-fields-preview[b-uq03am3lqy] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-3);
    margin-top: var(--x-spacing-2);
    font-size: 0.85rem;
    color: var(--x-color-muted-foreground);
}

.brief-card-fields-preview__item[b-uq03am3lqy] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.25rem;
    max-width: 28ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.brief-card-fields-preview__label[b-uq03am3lqy] {
    font-weight: 600;
}

.brief-card-fields-preview__value[b-uq03am3lqy] {
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/ContentStrategy/BriefDetailPanel.razor.rz.scp.css */
/* Sprint CN: BriefDetailPanel — expanded content within BriefCard */
.brief-detail-panel[b-ns09bpg1gz] {
    padding: 0 var(--x-spacing-4) var(--x-spacing-4) var(--x-spacing-4);
    border-top: 1px solid var(--x-color-border);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
    padding-top: var(--x-spacing-3);
}

.brief-detail-section[b-ns09bpg1gz] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.brief-detail-label[b-ns09bpg1gz] {
    font-size: var(--x-text-xxs);
    font-weight: 600;
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.brief-detail-text[b-ns09bpg1gz] {
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
    margin: 0;
    line-height: 1.5;
}

.brief-detail-points[b-ns09bpg1gz] {
    margin: 0;
    padding-left: var(--x-spacing-5);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.brief-detail-points li[b-ns09bpg1gz] {
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
    line-height: 1.4;
}

.brief-detail-meta-row[b-ns09bpg1gz] {
    display: flex;
    gap: var(--x-spacing-6);
    flex-wrap: wrap;
}

.brief-detail-meta-item[b-ns09bpg1gz] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-0-5);
}

.brief-detail-meta-label[b-ns09bpg1gz] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.brief-detail-meta-value[b-ns09bpg1gz] {
    font-size: var(--x-text-xs);
    font-weight: 500;
    color: var(--x-color-foreground);
}

.brief-detail-meta-value--persona[b-ns09bpg1gz] {
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    background-color: var(--x-color-primary-muted);
    border-radius: var(--x-radius-sm);
    color: var(--x-color-primary-hover);
}

.brief-detail-meta-value--cta[b-ns09bpg1gz] {
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    background-color: var(--x-color-success-muted);
    border-radius: var(--x-radius-sm);
    color: var(--x-color-success);
}

.brief-detail-meta-value--missing[b-ns09bpg1gz] {
    font-style: italic;
    color: var(--x-color-muted-foreground);
    font-weight: 400;
}

.brief-detail-actions[b-ns09bpg1gz] {
    display: flex;
    gap: var(--x-spacing-2);
    padding-top: var(--x-spacing-1);
}

.brief-detail-status-label[b-ns09bpg1gz] {
    font-size: var(--x-text-xs);
    font-weight: 500;
}

.brief-detail-status-label--approved[b-ns09bpg1gz] {
    color: var(--x-color-success);
}

.brief-detail-status-label--rejected[b-ns09bpg1gz] {
    color: var(--x-color-destructive-hover);
}

.brief-detail-status-label--in-review[b-ns09bpg1gz] {
    color: var(--x-color-warning);
}

.brief-detail-action-error[b-ns09bpg1gz] {
    color: var(--x-color-destructive);
    font-size: var(--x-text-xs);
    margin-top: var(--x-space-sm);
}

.brief-detail-chain-panel[b-ns09bpg1gz] {
    margin-top: var(--x-space-md);
    padding-top: var(--x-space-md);
    border-top: 1px solid var(--x-color-border);
}
/* /Components/ContentStrategy/BriefFieldRow.razor.rz.scp.css */
/* Phase 154 — per-field row layout: header (label + badges + actions) on top,
   read or editor body below. Inherits .brief-detail-section spacing. */

.brief-field-row[b-8u5dcw88u9] {
    border-radius: 6px;
    transition: background var(--x-transition-fast);
}

.brief-field-row:hover[b-8u5dcw88u9] {
    background: var(--x-color-card-hover);
}

.brief-field-row__header[b-8u5dcw88u9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.brief-field-row__edited[b-8u5dcw88u9] {
    /* Inherits XBadge styling; just spacing. */
    margin-left: 0.25rem;
}

.brief-field-row__iteration[b-8u5dcw88u9] {
    margin-left: 0.25rem;
    font-feature-settings: "tnum";
}

.brief-field-row__actions[b-8u5dcw88u9] {
    margin-left: auto;
    display: flex;
    gap: 0.25rem;
}

.brief-field-row__display[b-8u5dcw88u9] {
    margin-top: 0.25rem;
}

.brief-field-row__editor[b-8u5dcw88u9] {
    margin-top: 0.5rem;
    padding: 0.75rem;
    border-radius: 6px;
    background: var(--x-color-surface-secondary);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.brief-field-row__errors[b-8u5dcw88u9] {
    list-style: disc;
    padding-left: 1.5rem;
    margin: 0;
    color: var(--x-color-danger);
}

.brief-field-row__editor-actions[b-8u5dcw88u9] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}
/* /Components/ContentStrategy/BriefFieldsRenderer.razor.rz.scp.css */
/* Phase 153 — pattern-driven brief renderer styles. Inherits .brief-detail-section
   spacing from BriefDetailPanel.razor.css; only adds the per-type affordances
   (beat sheet, frames, edited pill) the new renderer introduces. */

.brief-fields-renderer[b-fgbhwq855a] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.brief-fields-renderer__field[b-fgbhwq855a] {
    position: relative;
}

.brief-fields-renderer__edited[b-fgbhwq855a] {
    margin-left: 0.5rem;
    vertical-align: middle;
}

.brief-fields-renderer__rich[b-fgbhwq855a] {
    white-space: pre-wrap;
}

.brief-fields-renderer__beats[b-fgbhwq855a] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.brief-fields-renderer__beat[b-fgbhwq855a] {
    padding: 0.75rem;
    border-radius: 6px;
    background: var(--x-color-surface-secondary);
    border-left: 3px solid var(--x-color-primary);
}

.brief-fields-renderer__beat-cue[b-fgbhwq855a] {
    display: block;
    font-weight: 600;
    font-size: 0.85rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--x-color-primary);
    margin-bottom: 0.25rem;
}

.brief-fields-renderer__beat-script[b-fgbhwq855a] {
    font-size: 0.95rem;
    line-height: 1.5;
    margin-bottom: 0.25rem;
}

.brief-fields-renderer__beat-cues[b-fgbhwq855a] {
    font-size: 0.85rem;
    color: var(--x-color-muted-foreground);
    font-style: italic;
}

.brief-fields-renderer__frames[b-fgbhwq855a] {
    list-style: decimal;
    padding-left: 1.5rem;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.brief-fields-renderer__frame[b-fgbhwq855a] {
    line-height: 1.5;
}

.brief-fields-renderer__frame-cues[b-fgbhwq855a] {
    color: var(--x-color-muted-foreground);
    font-size: 0.85rem;
    font-style: italic;
}

.brief-fields-renderer__url[b-fgbhwq855a] {
    color: var(--x-color-primary);
    text-decoration: underline;
    word-break: break-all;
}

.brief-fields-renderer__url:hover[b-fgbhwq855a] {
    text-decoration: none;
}
/* /Components/ContentStrategy/BriefQueueGroupedView.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=ContentStrategy | Bounded-Context=ContentStrategy.BriefQueue | Sprint=Customer-MVP-MR-C */

.brief-queue-grouped[b-y6k5f7mpmq] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-md);
}

.brief-queue-grouped-section[b-y6k5f7mpmq] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-sm);
}

.brief-queue-grouped-header[b-y6k5f7mpmq] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-sm);
    padding: var(--x-spacing-sm) var(--x-spacing-md);
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--x-color-border);
    cursor: pointer;
    text-align: left;
    width: 100%;
}

.brief-queue-grouped-header:hover[b-y6k5f7mpmq] {
    /* Surface-hover token has no dark override yet; using transparent tint keeps
       the hover affordance while staying within the token-discipline ratchet. */
    background: rgba(0, 0, 0, 0.04);
}

.brief-queue-grouped-chevron[b-y6k5f7mpmq] {
    font-size: var(--x-text-md);
    color: var(--x-color-text-primary);
}

.brief-queue-grouped-title[b-y6k5f7mpmq] {
    font-weight: var(--x-font-weight-semibold);
    font-size: var(--x-text-md);
    color: var(--x-color-text-primary);
    flex: 1;
}

.brief-queue-grouped-count[b-y6k5f7mpmq] {
    font-size: var(--x-text-sm);
    color: var(--x-color-text-primary);
}

.brief-queue-grouped-bindings[b-y6k5f7mpmq] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-sm);
    padding: 0 var(--x-spacing-md);
}

.brief-queue-grouped-binding[b-y6k5f7mpmq] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) 2fr;
    gap: var(--x-spacing-md);
    align-items: flex-start;
}

.brief-queue-grouped-binding-slot[b-y6k5f7mpmq] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-xs);
}

.brief-queue-grouped-binding-slot-title[b-y6k5f7mpmq] {
    font-weight: var(--x-font-weight-semibold);
    font-size: var(--x-text-sm);
    color: var(--x-color-text-primary);
}

.brief-queue-grouped-binding-slot-meta[b-y6k5f7mpmq] {
    display: flex;
    gap: var(--x-spacing-xs);
    flex-wrap: wrap;
}

.brief-queue-grouped-binding-empty[b-y6k5f7mpmq] {
    padding: var(--x-spacing-md);
    border: 1px dashed var(--x-color-border);
    border-radius: var(--x-radius-md);
    color: var(--x-color-text-primary);
    font-style: italic;
    font-size: var(--x-text-sm);
}
/* /Components/ContentStrategy/BriefQueueTab.razor.rz.scp.css */
/* Sprint CN v3: BriefQueueTab — filter tabs, bulk approve, summary strip */
.brief-queue-tab[b-acs7yf0j82] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.tab-load-error[b-acs7yf0j82] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-4);
    width: 100%;
}

/* Planning-T3: Compact summary strip matching FigmaMake */
.brief-summary-strip[b-acs7yf0j82] { display: flex; align-items: center; gap: var(--x-spacing-6); padding: var(--x-spacing-4); background-color: var(--x-color-muted); border: 1px solid var(--x-color-border); border-radius: var(--x-radius); }
.brief-summary-total[b-acs7yf0j82] { display: flex; align-items: center; gap: var(--x-spacing-2-5); }
.brief-summary-total-icon[b-acs7yf0j82] { width: 36px; height: 36px; border-radius: var(--x-radius); background-color: var(--x-color-primary-muted); display: flex; align-items: center; justify-content: center; }
.brief-summary-total-text[b-acs7yf0j82] { display: flex; flex-direction: column; }
.brief-summary-total-number[b-acs7yf0j82] { font-size: var(--x-text-2xl); font-weight: var(--x-font-weight-semibold); color: var(--x-color-foreground); line-height: 1; }
.brief-summary-total-label[b-acs7yf0j82] { font-size: var(--x-text-xxs); color: var(--x-color-muted-foreground); }
.brief-summary-metrics[b-acs7yf0j82] { display: flex; align-items: center; gap: var(--x-spacing-4); border-left: 1px solid var(--x-color-border); padding-left: var(--x-spacing-6); }
.brief-summary-metric[b-acs7yf0j82] { display: flex; align-items: center; gap: var(--x-spacing-1-5); }
.brief-summary-metric--pending[b-acs7yf0j82]  .brief-summary-metric-icon { color: var(--x-color-warning); }
.brief-summary-metric--approved[b-acs7yf0j82]  .brief-summary-metric-icon { color: var(--x-color-success); }
.brief-summary-metric--rejected[b-acs7yf0j82]  .brief-summary-metric-icon { color: var(--x-color-destructive); }
.brief-summary-metric-value[b-acs7yf0j82] { font-size: var(--x-text-sm); font-weight: var(--x-font-weight-semibold); color: var(--x-color-foreground); }
.brief-summary-metric-label[b-acs7yf0j82] { font-size: var(--x-text-xs); color: var(--x-color-muted-foreground); }
.brief-summary-bulk-approve[b-acs7yf0j82] { margin-left: auto; }

.brief-filter-tab-count[b-acs7yf0j82] {
    min-width: 18px;
    height: 18px;
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xxs);
    font-weight: 500;
    background-color: var(--x-color-border);
    color: var(--x-color-muted-foreground);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 var(--x-spacing-1);
}

/* RC-130 fix: filter pill row — replaces nested-XTab segmented variant that
   couldn't render under the outer ContentStrategy XTab on a Blazor Server circuit.
   Visual contract matches the prior segmented-XTab: pill row with active state
   and count badge on the right. */
.brief-filter-strip[b-acs7yf0j82] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    padding: var(--x-spacing-1);
    background-color: var(--x-color-muted);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius);
    width: fit-content;
}

.brief-filter-pill[b-acs7yf0j82] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-1-5) var(--x-spacing-3);
    border: 1px solid transparent;
    border-radius: calc(var(--x-radius) - 2px);
    background: transparent;
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    cursor: pointer;
    transition: background-color var(--x-transition-fast) ease, color var(--x-transition-fast) ease;
}

.brief-filter-pill:hover[b-acs7yf0j82] {
    background-color: var(--x-color-background);
    color: var(--x-color-foreground);
}

.brief-filter-pill--active[b-acs7yf0j82] {
    background-color: var(--x-color-background);
    color: var(--x-color-foreground);
    border-color: var(--x-color-border);
    box-shadow: var(--x-shadow-sm);
}

.brief-filter-pill:focus-visible[b-acs7yf0j82] {
    outline: 2px solid var(--x-color-primary);
    outline-offset: 2px;
}

/* Search bar */
.brief-search-bar[b-acs7yf0j82] {
    max-width: 320px;
}

/* Loading / empty */
.brief-loading[b-acs7yf0j82],
.brief-empty[b-acs7yf0j82] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--x-spacing-12);
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
}

/* Brief list */
.brief-list[b-acs7yf0j82] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

/* Reject dialog body */
.brief-reject-body[b-acs7yf0j82] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.brief-reject-body p[b-acs7yf0j82] {
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
    margin: 0;
}

.brief-bulk-note[b-acs7yf0j82] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xxs);
}

/* Dialog footer — shared for reject and bulk approve */
.brief-dialog-footer[b-acs7yf0j82] {
    display: flex;
    gap: var(--x-spacing-3);
    justify-content: flex-end;
}
/* /Components/ContentStrategy/BriefRiceComponentBar.razor.rz.scp.css */
/* Phase 147 Bundle E-2 — RICE component mini-bar (one per Reach / Impact / Confidence / Effort).
   All colours via canonical --x-color-* tokens. No raw hex, no var(--x, fallback) patterns. */

.brief-rice-bar[b-2nm6tcypjy] {
    display: grid;
    grid-template-columns: 90px 1fr 36px;
    align-items: center;
    gap: var(--x-spacing-2);
    font-size: var(--x-text-xs);
}

.brief-rice-bar__label[b-2nm6tcypjy] {
    color: var(--x-color-muted-foreground);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.brief-rice-bar__track[b-2nm6tcypjy] {
    background: var(--x-color-muted);
    border-radius: var(--x-radius-pill);
    height: 8px;
    overflow: hidden;
    position: relative;
}

.brief-rice-bar__track--empty[b-2nm6tcypjy] {
    background: transparent;
    border: 1px dashed var(--x-color-border);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 16px;
}

.brief-rice-bar__fill[b-2nm6tcypjy] {
    height: 100%;
    width: var(--brief-rice-bar-width, 0%);
    border-radius: var(--x-radius-pill);
    transition: width var(--x-transition-slow);
}

.brief-rice-bar__fill--high[b-2nm6tcypjy] {
    background: var(--x-color-success);
}

.brief-rice-bar__fill--medium[b-2nm6tcypjy] {
    background: var(--x-color-warning);
}

.brief-rice-bar__fill--low[b-2nm6tcypjy] {
    background: var(--x-color-destructive);
}

.brief-rice-bar__value[b-2nm6tcypjy] {
    color: var(--x-color-foreground);
    font-weight: 600;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.brief-rice-bar__na[b-2nm6tcypjy] {
    color: var(--x-color-muted-foreground);
    font-style: italic;
    font-size: var(--x-text-2xs);
}
/* /Components/ContentStrategy/ConnectorHealthPanel.razor.rz.scp.css */
/* ConnectorHealthPanel — scoped styles
   The .connector-grid rule lives in IntegrationsOverview.razor.css too, but
   Blazor scoped CSS isolates that rule to IntegrationsOverview's component
   tree only. ConnectorHealthPanel renders its own .connector-grid wrapper
   around a @foreach of XCard children, so without a local rule the cards
   fall back to block-flow and stack full-width — same bug class as commit
   34452be0 (.stats-row in AssetLibrary). */
.connector-grid[b-7yyxv444iz] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--x-spacing-md);
}
/* /Components/ContentStrategy/CreateIdeaModal.razor.rz.scp.css */
/* Sprint CN: CreateIdeaModal form styling */
.create-idea-form[b-alrivt7zoq] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-2) 0;
}

.create-idea-field[b-alrivt7zoq] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1-5);
    flex: 1;
}

.create-idea-row[b-alrivt7zoq] {
    display: flex;
    gap: var(--x-spacing-4);
}

.create-idea-label[b-alrivt7zoq] {
    font-size: var(--x-text-xs);
    font-weight: 500;
    color: var(--x-color-foreground);
}

.create-idea-select[b-alrivt7zoq] {
    padding: var(--x-spacing-2-5) var(--x-spacing-3);
    font-size: var(--x-text-xs);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius);
    background-color: var(--x-color-input);
    color: var(--x-color-foreground);
}

.create-idea-footer[b-alrivt7zoq] {
    display: flex;
    gap: var(--x-spacing-3);
    justify-content: flex-end;
}
/* /Components/ContentStrategy/CreateInitiativeModal.razor.rz.scp.css */
/* Sprint CV: CreateInitiativeModal — multi-step form */
.create-initiative-form[b-rbvd2dc933] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-2) 0;
}

.create-initiative-field[b-rbvd2dc933] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1-5);
    flex: 1;
}

.create-initiative-row[b-rbvd2dc933] {
    display: flex;
    gap: var(--x-spacing-4);
}

.create-initiative-label[b-rbvd2dc933] {
    font-size: var(--x-text-xs);
    font-weight: 500;
    color: var(--x-color-foreground);
}

/* Type selection cards */
.create-initiative-type-grid[b-rbvd2dc933] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--x-spacing-3);
}

.create-initiative-type-card[b-rbvd2dc933] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-4);
    background-color: var(--x-color-card);
    border: 2px solid var(--x-color-border);
    border-radius: var(--x-radius);
    cursor: pointer;
    transition: border-color var(--x-transition-normal), background-color var(--x-transition-normal);
    text-align: center;
    /* Reset <button> defaults so scoped CSS controls appearance. */
    font: inherit;
    color: inherit;
    outline: none;
}

.create-initiative-type-card:focus-visible[b-rbvd2dc933] {
    border-color: var(--x-color-primary);
    box-shadow: 0 0 0 2px var(--x-color-primary-muted);
}

.create-initiative-type-card:hover[b-rbvd2dc933] {
    border-color: var(--x-color-primary-muted);
    background-color: var(--x-color-background);
}

.create-initiative-type-card--selected[b-rbvd2dc933] {
    border-color: var(--x-color-primary);
    background-color: var(--x-color-primary-muted);
}

.create-initiative-type-icon[b-rbvd2dc933] {
    font-size: var(--x-text-xl);
}

.create-initiative-type-name[b-rbvd2dc933] {
    font-size: var(--x-text-xs);
    font-weight: 600;
    color: var(--x-color-foreground);
}

.create-initiative-type-desc[b-rbvd2dc933] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    line-height: 1.4;
}

/* Hint */
.create-initiative-hint[b-rbvd2dc933] {
    padding: var(--x-spacing-2-5) var(--x-spacing-3);
    background-color: var(--x-color-info-muted);
    border-radius: var(--x-radius);
    font-size: var(--x-text-xxs);
    color: var(--x-color-info);
}

/* Validation */
.create-initiative-validation[b-rbvd2dc933] {
    padding: var(--x-spacing-2) var(--x-spacing-3);
    background-color: var(--x-color-destructive-muted);
    border-radius: var(--x-radius);
    font-size: var(--x-text-xxs);
    color: var(--x-color-destructive);
}

/* Product multi-select */
.create-initiative-products-grid[b-rbvd2dc933] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-2-5);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius);
    background-color: var(--x-color-card);
}

.create-initiative-product-option[b-rbvd2dc933] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
    cursor: pointer;
}

.create-initiative-products-loading[b-rbvd2dc933],
.create-initiative-products-empty[b-rbvd2dc933] {
    padding: var(--x-spacing-3);
    border: 1px dashed var(--x-color-border);
    border-radius: var(--x-radius);
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    text-align: center;
}

/* Footer */
.create-initiative-footer[b-rbvd2dc933] {
    display: flex;
    gap: var(--x-spacing-3);
    justify-content: flex-end;
}

@media (max-width: 640px) {
    .create-initiative-type-grid[b-rbvd2dc933] {
        grid-template-columns: 1fr;
    }

    .create-initiative-row[b-rbvd2dc933] {
        flex-direction: column;
    }
}
/* /Components/ContentStrategy/EntityCodeMultiPicker.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=ContentStrategy | Bounded-Context=ContentStrategy.Initiatives | Sprint=Customer-MVP-MR-B */

.entity-code-picker[b-7r2da3aakw] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-sm);
}

.entity-code-picker-header[b-7r2da3aakw] {
    display: flex;
    gap: var(--x-spacing-xxs);
    align-items: baseline;
}

.entity-code-picker-label[b-7r2da3aakw] {
    font-weight: var(--x-font-weight-semibold);
    font-size: var(--x-text-sm);
    color: var(--x-color-text-primary);
}

.entity-code-picker-required[b-7r2da3aakw] {
    color: var(--x-color-danger);
    font-weight: var(--x-font-weight-bold);
}

.entity-code-picker-selections[b-7r2da3aakw] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-xs);
    min-height: 28px;
}

.entity-code-picker-token[b-7r2da3aakw] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-xxs);
}

.entity-code-picker-token-remove[b-7r2da3aakw] {
    background: transparent;
    border: none;
    color: var(--x-color-text-primary);
    cursor: pointer;
    font-size: var(--x-text-md);
    line-height: 1;
    padding: 0 var(--x-spacing-xxs);
}

.entity-code-picker-token-remove:hover[b-7r2da3aakw] {
    color: var(--x-color-danger);
}

.entity-code-picker-options[b-7r2da3aakw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: var(--x-spacing-xs) var(--x-spacing-md);
    padding: var(--x-spacing-xs) 0;
}

.entity-code-picker-option[b-7r2da3aakw] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-xs);
    cursor: pointer;
    font-size: var(--x-text-sm);
}

.entity-code-picker-option-label[b-7r2da3aakw] {
    color: var(--x-color-text-primary);
}

.entity-code-picker-empty[b-7r2da3aakw] {
    font-size: var(--x-text-sm);
    color: var(--x-color-text-primary);
    font-style: italic;
    padding: var(--x-spacing-xxs) 0;
}

.entity-code-picker-custom[b-7r2da3aakw] {
    display: flex;
    gap: var(--x-spacing-xs);
    align-items: center;
}

.entity-code-picker-custom > :first-child[b-7r2da3aakw] {
    flex: 1;
}
/* /Components/ContentStrategy/IdeaBacklogTab.razor.rz.scp.css */
/* Sprint CN: IdeaBacklogTab styling */
.idea-backlog-tab[b-48rzpv628b] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.tab-load-error[b-48rzpv628b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-4);
    width: 100%;
}

/* ── Metric stat cards ── */
.idea-metric-cards[b-48rzpv628b] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--x-spacing-4);
}

@media (max-width: 1024px) {
    .idea-metric-cards[b-48rzpv628b] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ── Actions bar ── */
.idea-actions-bar[b-48rzpv628b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.idea-actions-right[b-48rzpv628b] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
}

.idea-results-count[b-48rzpv628b] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.idea-loading[b-48rzpv628b],
.idea-empty[b-48rzpv628b] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--x-spacing-12);
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
}

.idea-list[b-48rzpv628b] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.idea-reject-body[b-48rzpv628b] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.idea-reject-body p[b-48rzpv628b] {
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
    margin: 0;
}

.idea-reject-footer[b-48rzpv628b] {
    display: flex;
    gap: var(--x-spacing-3);
    justify-content: flex-end;
}

/* ── Kanban idea card (inside ItemTemplate) ── */
.kanban-idea-card[b-48rzpv628b] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-2-5) var(--x-spacing-3);
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius);
}

.kanban-idea-card--stale[b-48rzpv628b] {
    border-color: var(--x-color-destructive-muted);
    background-color: var(--x-color-destructive-muted);
}

.kanban-idea-title[b-48rzpv628b] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.kanban-idea-tags[b-48rzpv628b] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    flex-wrap: wrap;
}

.kanban-idea-priority[b-48rzpv628b] {
    padding: var(--x-spacing-0-5) var(--x-spacing-1-5);
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xxs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.kanban-idea-priority--critical[b-48rzpv628b] {
    background-color: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
}

.kanban-idea-priority--high[b-48rzpv628b] {
    background-color: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
}

.kanban-idea-priority--medium[b-48rzpv628b] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.kanban-idea-priority--low[b-48rzpv628b] {
    background-color: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
}

.kanban-idea-tag[b-48rzpv628b] {
    padding: var(--x-spacing-0-5) var(--x-spacing-1-5);
    background-color: var(--x-color-muted);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.kanban-idea-meta[b-48rzpv628b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.kanban-idea-rice[b-48rzpv628b] {
    padding: var(--x-spacing-0-5) var(--x-spacing-1-5);
    font-size: var(--x-text-xxs);
    font-weight: 500;
    background-color: var(--x-color-primary-muted);
    color: var(--x-color-primary-hover);
    border-radius: var(--x-radius-sm);
}

.kanban-idea-age[b-48rzpv628b] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.kanban-idea-age--warning[b-48rzpv628b] {
    color: var(--x-color-destructive-hover);
    font-weight: 600;
}

.kanban-idea-actions[b-48rzpv628b] {
    display: flex;
    justify-content: flex-end;
    padding-top: var(--x-spacing-1);
    border-top: 1px solid var(--x-color-border);
}

.kanban-empty-column[b-48rzpv628b] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--x-spacing-8) var(--x-spacing-2);
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xxs);
    font-style: italic;
}
/* /Components/ContentStrategy/IdeaCard.razor.rz.scp.css */
/* Sprint CN: IdeaCard — expandable card styling */
.idea-card[b-hvk6iwy9o3] {
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius);
    transition: box-shadow var(--x-transition-normal);
}

.idea-card:hover[b-hvk6iwy9o3] {
    box-shadow: var(--x-elevation-sm);
}

.idea-card--expanded[b-hvk6iwy9o3] {
    border-color: var(--x-color-primary-muted);
}

.idea-card-header[b-hvk6iwy9o3] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-4);
    cursor: pointer;
}

.idea-card-info[b-hvk6iwy9o3] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1-5);
}

.idea-card-title-row[b-hvk6iwy9o3] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
}

.idea-card-title[b-hvk6iwy9o3] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
}

.idea-card-priority[b-hvk6iwy9o3] {
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xxs);
    font-weight: 600;
    text-transform: capitalize;
}

.idea-card-priority--critical[b-hvk6iwy9o3] {
    background-color: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
}

.idea-card-priority--high[b-hvk6iwy9o3] {
    background-color: var(--x-color-success-muted);
    color: var(--x-color-success);
}

.idea-card-priority--medium[b-hvk6iwy9o3] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.idea-card-priority--low[b-hvk6iwy9o3] {
    background-color: var(--x-color-background);
    color: var(--x-color-foreground);
}

.idea-card-status[b-hvk6iwy9o3] {
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xxs);
    font-weight: 500;
    text-transform: capitalize;
}

.idea-card-status--proposed[b-hvk6iwy9o3] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.idea-card-status--approved[b-hvk6iwy9o3] {
    background-color: var(--x-color-success-muted);
    color: var(--x-color-success);
}

.idea-card-status--scheduled[b-hvk6iwy9o3] {
    background-color: var(--x-color-primary-muted);
    color: var(--x-color-primary-hover);
}

.idea-card-status--rejected[b-hvk6iwy9o3] {
    background-color: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
}

.idea-card-status--archived[b-hvk6iwy9o3] {
    background-color: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
}

.idea-card-meta[b-hvk6iwy9o3] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
}

.idea-card-tag[b-hvk6iwy9o3] {
    padding: var(--x-spacing-0-5) var(--x-spacing-1-5);
    background-color: var(--x-color-muted);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.idea-card-age[b-hvk6iwy9o3] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.idea-card-age--warning[b-hvk6iwy9o3] {
    color: var(--x-color-destructive-hover);
    font-weight: 600;
}

.idea-card--stale[b-hvk6iwy9o3] {
    border-color: var(--x-color-destructive-muted);
}

.idea-card--stale:hover[b-hvk6iwy9o3] {
    box-shadow: var(--x-elevation-sm);
}

.idea-card-schedule[b-hvk6iwy9o3] {
    flex-shrink: 0;
}

.idea-card-rice[b-hvk6iwy9o3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-0-5);
    min-width: 64px;
}

.idea-card-rice-score[b-hvk6iwy9o3] {
    font-size: var(--x-text-base);
    font-weight: 600;
    color: var(--x-color-primary);
}

.idea-card-rice-label[b-hvk6iwy9o3] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.idea-card-rice-bar[b-hvk6iwy9o3] {
    width: 64px;
    height: 4px;
    background-color: var(--x-color-border);
    border-radius: var(--x-radius-sm);
    overflow: hidden;
}

.idea-card-rice-fill[b-hvk6iwy9o3] {
    height: 100%;
    width: var(--idea-card-rice-width, 0%);
    background-color: var(--x-color-primary);
    border-radius: var(--x-radius-sm);
    transition: width var(--x-transition-slow);
}

.idea-card-rice-breakdown[b-hvk6iwy9o3] {
    display: flex;
    gap: var(--x-spacing-1);
    margin-top: var(--x-spacing-0-5);
}

.idea-card-rice-factor[b-hvk6iwy9o3] {
    font-size: var(--x-text-xxs);
    font-weight: 500;
    color: var(--x-color-muted-foreground);
}

.idea-card-link-badge[b-hvk6iwy9o3] {
    padding: var(--x-spacing-0-5) var(--x-spacing-1-5);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xxs);
    font-weight: 500;
}

.idea-card-link-badge--signal[b-hvk6iwy9o3] {
    background-color: var(--x-color-primary-muted);
    color: var(--x-color-primary-hover);
}

.idea-card-link-badge--jtbd[b-hvk6iwy9o3] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.idea-card-chevron[b-hvk6iwy9o3] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    padding: var(--x-spacing-1);
    transition: transform var(--x-transition-normal) ease;
}

.idea-card--expanded .idea-card-chevron[b-hvk6iwy9o3] {
    transform: rotate(180deg);
}
/* /Components/ContentStrategy/IdeaDetailPanel.razor.rz.scp.css */
/* Sprint CN: IdeaDetailPanel — expanded content within IdeaCard */
.idea-detail-panel[b-zqz78flx2c] {
    padding: 0 var(--x-spacing-4) var(--x-spacing-4) var(--x-spacing-4);
    border-top: 1px solid var(--x-color-border);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
    padding-top: var(--x-spacing-3);
}

.idea-detail-section[b-zqz78flx2c] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.idea-detail-label[b-zqz78flx2c] {
    font-size: var(--x-text-xxs);
    font-weight: 600;
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.idea-detail-text[b-zqz78flx2c] {
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
    margin: 0;
    line-height: 1.5;
}

.idea-detail-row[b-zqz78flx2c] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
}

.idea-detail-badge[b-zqz78flx2c] {
    padding: var(--x-spacing-1) var(--x-spacing-2);
    background-color: var(--x-color-primary-muted);
    border: 1px solid var(--x-color-primary-muted);
    border-radius: var(--x-radius);
    font-size: var(--x-text-xxs);
    color: var(--x-color-primary-hover);
}

.idea-detail-section--linked[b-zqz78flx2c] {
    min-width: 120px;
}

.idea-detail-source[b-zqz78flx2c] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.idea-detail-badge--jtbd[b-zqz78flx2c] {
    background-color: var(--x-color-warning-muted);
    border: 1px solid var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.idea-detail-rice-table[b-zqz78flx2c] {
    display: flex;
    gap: var(--x-spacing-0-5);
    background-color: var(--x-color-muted);
    border-radius: var(--x-radius);
    overflow: hidden;
}

.idea-detail-rice-cell[b-zqz78flx2c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-0-5);
    padding: var(--x-spacing-2) var(--x-spacing-3);
    background-color: var(--x-color-card);
    flex: 1;
}

.idea-detail-rice-cell--total[b-zqz78flx2c] {
    background-color: var(--x-color-primary-muted);
}

.idea-detail-rice-cell-label[b-zqz78flx2c] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.idea-detail-rice-cell-value[b-zqz78flx2c] {
    font-size: var(--x-text-xs);
    font-weight: 600;
    color: var(--x-color-foreground);
}

.idea-detail-actions[b-zqz78flx2c] {
    display: flex;
    gap: var(--x-spacing-2);
    padding-top: var(--x-spacing-1);
}

.idea-detail-approved-label[b-zqz78flx2c] {
    font-size: var(--x-text-xs);
    font-weight: 500;
    color: var(--x-color-success);
}
/* /Components/ContentStrategy/IdeaFilterBar.razor.rz.scp.css */
/* Sprint CN: IdeaFilterBar styling — horizontal compact filter row */
.idea-filter-bar[b-jzh2vkmgrc] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    flex-wrap: wrap;
}

/* Search field — takes available space up to 320px */
[b-jzh2vkmgrc] .idea-filter-search {
    flex: 1;
    min-width: 200px;
    max-width: 320px;
}

/* Dropdown selects — compact fixed width */
[b-jzh2vkmgrc] .idea-filter-select {
    min-width: 140px;
    max-width: 200px;
}
/* /Components/ContentStrategy/InitiativeCapacityBar.razor.rz.scp.css */
/* Phase 147 Bundle C — per-channel capacity bar.
   All colours via canonical --x-color-* tokens. No raw hex, no var(--x, fallback). */

.initiative-capacity-bar[b-y1mf9qbvdu] {
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    padding: var(--x-spacing-3);
    background: var(--x-color-card);
    margin-bottom: var(--x-spacing-3);
}

.initiative-capacity-bar__header[b-y1mf9qbvdu] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: var(--x-spacing-3);
}

.initiative-capacity-bar__title[b-y1mf9qbvdu] {
    font-size: var(--x-text-sm);
    font-weight: 600;
    color: var(--x-color-foreground);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.initiative-capacity-bar__sub[b-y1mf9qbvdu] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.initiative-capacity-bar__rows[b-y1mf9qbvdu] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.initiative-capacity-bar__row[b-y1mf9qbvdu] {
    display: grid;
    grid-template-columns: 100px 1fr 80px;
    align-items: center;
    gap: var(--x-spacing-2);
    font-size: var(--x-text-sm);
}

.initiative-capacity-bar__row-label[b-y1mf9qbvdu] {
    color: var(--x-color-foreground);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: var(--x-text-xs);
}

.initiative-capacity-bar__row-track[b-y1mf9qbvdu] {
    background: var(--x-color-muted);
    border-radius: var(--x-radius-pill);
    height: 10px;
    overflow: hidden;
}

.initiative-capacity-bar__row-fill[b-y1mf9qbvdu] {
    height: 100%;
    width: var(--initiative-capacity-bar-width, 0%);
    background: var(--x-color-primary);
    border-radius: var(--x-radius-pill);
    transition: width var(--x-transition-slow);
}

.initiative-capacity-bar__row-value[b-y1mf9qbvdu] {
    text-align: right;
    color: var(--x-color-foreground);
    font-variant-numeric: tabular-nums;
}

.initiative-capacity-bar__row-value strong[b-y1mf9qbvdu] {
    font-size: var(--x-text-base);
}
/* /Components/ContentStrategy/InitiativeCard.razor.rz.scp.css */
/* Sprint CV: InitiativeCard — type badge, progress bar, actions.
   v3.44.1 absorption: chrome rules + status border-left modifiers RETIRED.
   The .razor wraps in <XCard AccentColor=GetStatusColorType() AccentBorder=true>
   so the lib provides background, border, border-radius, hover-shadow, focus-ring,
   and the canonical 3px top-edge accent. Keeping the orphan rules from the round-1
   v3.44.0 absorption produced visual double-borders (typed accent + border-left) +
   double-chrome (XCard background + .initiative-card background). Only the
   completed / cancelled OPACITY overrides remain as state-specific affordances
   that don't live on the typed accent surface. */

.initiative-card--completed[b-p0ahwwu4gv] {
    opacity: 0.8;
}

.initiative-card--cancelled[b-p0ahwwu4gv] {
    opacity: 0.6;
}

.initiative-card-header[b-p0ahwwu4gv] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-4);
}

.initiative-card-type-icon[b-p0ahwwu4gv] {
    width: 36px;
    height: 36px;
    border-radius: var(--x-radius-sm);
    background-color: var(--x-color-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--x-text-base);
    flex-shrink: 0;
}

.initiative-card-info[b-p0ahwwu4gv] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1-5);
}

.initiative-card-title-row[b-p0ahwwu4gv] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
}

.initiative-card-title[b-p0ahwwu4gv] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
}

.initiative-card-type-badge[b-p0ahwwu4gv] {
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xxs);
    font-weight: 500;
}

.initiative-card-type-badge--alwayson[b-p0ahwwu4gv] {
    background-color: var(--x-color-primary-muted);
    color: var(--x-color-primary-hover);
}

.initiative-card-type-badge--campaign[b-p0ahwwu4gv] {
    background-color: var(--x-color-secondary-muted);
    color: var(--x-color-secondary-hover);
}

.initiative-card-type-badge--productionrequest[b-p0ahwwu4gv] {
    background-color: var(--x-color-info-muted);
    color: var(--x-color-info);
}

.initiative-card-status-badge[b-p0ahwwu4gv] {
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xxs);
    font-weight: 500;
    text-transform: capitalize;
}

.initiative-card-status--draft[b-p0ahwwu4gv] {
    background-color: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
}

.initiative-card-status--planning[b-p0ahwwu4gv] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.initiative-card-status--approved[b-p0ahwwu4gv] {
    background-color: var(--x-color-primary-muted);
    color: var(--x-color-primary-hover);
}

.initiative-card-status--active[b-p0ahwwu4gv] {
    background-color: var(--x-color-success-muted);
    color: var(--x-color-success);
}

.initiative-card-status--completed[b-p0ahwwu4gv] {
    background-color: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
}

.initiative-card-status--cancelled[b-p0ahwwu4gv] {
    background-color: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
}

.initiative-card-objective[b-p0ahwwu4gv] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    line-height: 1.4;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.initiative-card-meta[b-p0ahwwu4gv] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
}

.initiative-card-date[b-p0ahwwu4gv],
.initiative-card-horizon[b-p0ahwwu4gv] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.initiative-card-horizon[b-p0ahwwu4gv] {
    color: var(--x-color-warning);
    font-weight: 500;
}

.initiative-card-tag[b-p0ahwwu4gv] {
    padding: var(--x-spacing-0-5) var(--x-spacing-1-5);
    background-color: var(--x-color-muted);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

/* Phase 147: scope-array variants. Pillar gets primary tint (drives the
   downstream AI prompt template); other variants use canonical role tokens
   directly (CS R-7: theme is the single source of truth — no defensive
   var() fallbacks). */
.initiative-card-tag.initiative-card-tag--pillar[b-p0ahwwu4gv] {
    background-color: var(--x-color-primary-muted);
    color: var(--x-color-primary);
    font-weight: 600;
}

.initiative-card-tag.initiative-card-tag--stage[b-p0ahwwu4gv] {
    background-color: var(--x-color-info-muted);
    color: var(--x-color-info);
}

.initiative-card-tag.initiative-card-tag--cta[b-p0ahwwu4gv] {
    background-color: var(--x-color-success-muted);
    color: var(--x-color-success);
}

.initiative-card-tag.initiative-card-tag--offer[b-p0ahwwu4gv] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

/* Right section: progress + actions */
.initiative-card-right[b-p0ahwwu4gv] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--x-spacing-2);
    flex-shrink: 0;
    min-width: 140px;
}

.initiative-card-progress[b-p0ahwwu4gv] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--x-spacing-1);
    width: 100%;
}

.initiative-card-progress-text[b-p0ahwwu4gv] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.initiative-card-progress-bar[b-p0ahwwu4gv] {
    width: 100%;
    height: 4px;
    background-color: var(--x-color-border);
    border-radius: var(--x-radius-full);
    overflow: hidden;
}

.initiative-card-progress-fill[b-p0ahwwu4gv] {
    height: 100%;
    width: var(--initiative-card-progress-width, 0%);
    background-color: var(--x-color-success);
    border-radius: var(--x-radius-full);
    transition: width var(--x-transition-slow);
}

.initiative-card-actions[b-p0ahwwu4gv] {
    display: flex;
    gap: var(--x-spacing-1-5);
}
/* /Components/ContentStrategy/InitiativeDetailPanel.razor.rz.scp.css */
/* Sprint CV: InitiativeDetailPanel — plan view with items */
.initiative-detail[b-2keqissx96] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.initiative-detail-header[b-2keqissx96] {
    display: flex;
    align-items: center;
}

.initiative-detail-summary[b-2keqissx96] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-4);
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius);
}

.initiative-detail-title-row[b-2keqissx96] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
}

.initiative-detail-title[b-2keqissx96] {
    color: var(--x-color-foreground);
    margin: 0;
}

.initiative-detail-objective[b-2keqissx96] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    line-height: 1.5;
    margin: 0;
}

.initiative-detail-meta[b-2keqissx96] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.initiative-detail-horizon[b-2keqissx96] {
    color: var(--x-color-warning);
    font-weight: 500;
}

/* Plan header */
.initiative-detail-plan-header[b-2keqissx96] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.initiative-detail-plan-title[b-2keqissx96] {
    color: var(--x-color-foreground);
    margin: 0;
}

.initiative-detail-plan-actions[b-2keqissx96] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

/* Plan items list */
.initiative-detail-plan-list[b-2keqissx96] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.initiative-detail-empty[b-2keqissx96] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--x-spacing-8);
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
}
/* /Components/ContentStrategy/InitiativesTab.razor.rz.scp.css */
/* Sprint CV: InitiativesTab — initiative list view with filters and stats */
.initiatives-tab[b-hwbd5mbgl7] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.tab-load-error[b-hwbd5mbgl7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-4);
    width: 100%;
}

.initiatives-toolbar[b-hwbd5mbgl7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-4);
}

.initiatives-toolbar-left[b-hwbd5mbgl7] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    flex: 1;
}

.initiatives-search[b-hwbd5mbgl7] {
    max-width: 300px;
}

.initiatives-type-filter[b-hwbd5mbgl7],
.initiatives-status-filter[b-hwbd5mbgl7] {
    min-width: 160px;
}

/* Metric stat cards — grid identical to IdeaBacklogTab for language consistency */
.initiatives-metric-cards[b-hwbd5mbgl7] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--x-spacing-4);
}

@media (max-width: 768px) {
    .initiatives-metric-cards[b-hwbd5mbgl7] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Loading / empty */
.initiatives-loading[b-hwbd5mbgl7],
.initiatives-empty[b-hwbd5mbgl7] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--x-spacing-12);
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
}

/* Initiative list */
.initiatives-list[b-hwbd5mbgl7] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

@media (max-width: 768px) {
    .initiatives-toolbar[b-hwbd5mbgl7] {
        flex-direction: column;
        align-items: stretch;
    }

    .initiatives-toolbar-left[b-hwbd5mbgl7] {
        flex-wrap: wrap;
    }
}
/* /Components/ContentStrategy/Performance/FromYourMiCallout.razor.rz.scp.css */
/* Phase 147 Bundle X — From-your-MI callout. Sits above the brief summary
   strip so the operator sees "here's what the MI assessment recommends" at
   the moment of "which brief to approve next". */

.mi-callout[b-n3xzsob4yh] {
    padding: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-3);
}

.mi-callout-header[b-n3xzsob4yh] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-2);
}

.mi-callout-icon[b-n3xzsob4yh] {
    color: var(--x-color-primary);
    flex-shrink: 0;
}

.mi-callout-stamp[b-n3xzsob4yh] {
    margin-left: auto;
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    font-style: italic;
}

.mi-callout-list[b-n3xzsob4yh] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.mi-callout-row[b-n3xzsob4yh] {
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border-left: 3px solid var(--x-color-border);
    background: var(--x-color-muted);
    border-radius: var(--x-radius-sm);
}

.mi-callout-row--high[b-n3xzsob4yh] {
    border-left-color: var(--x-color-destructive);
}

.mi-callout-row--medium[b-n3xzsob4yh] {
    border-left-color: var(--x-color-warning);
}

.mi-callout-row--low[b-n3xzsob4yh] {
    border-left-color: var(--x-color-primary);
}

.mi-callout-row-main[b-n3xzsob4yh] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
}

.mi-callout-row-title[b-n3xzsob4yh] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

.mi-callout-row-desc[b-n3xzsob4yh] {
    margin: var(--x-spacing-1) 0 0 0;
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    line-height: 1.4;
}

.mi-callout--loading[b-n3xzsob4yh] {
    padding: var(--x-spacing-3);
    text-align: center;
}
/* /Components/ContentStrategy/Performance/TopPillarStatTile.razor.rz.scp.css */
/* Phase 147 Bundle X — top-pillar stat tile, anchored inside the BriefQueueTab
   summary strip so the operator sees "what's winning" at the moment they
   decide "what to approve next". */

.top-pillar-tile[b-bjenzsk86m] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-2) var(--x-spacing-3);
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    min-height: 60px;
}

.top-pillar-tile-icon[b-bjenzsk86m] {
    flex-shrink: 0;
    margin-top: 2px;
    color: var(--x-color-success);
}

.top-pillar-tile-body[b-bjenzsk86m] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-0-5);
    min-width: 0;
}

.top-pillar-tile-label[b-bjenzsk86m] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.top-pillar-tile-name[b-bjenzsk86m] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
}

.top-pillar-tile-empty-msg[b-bjenzsk86m] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    font-style: italic;
}

.top-pillar-tile-meta[b-bjenzsk86m] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
    margin-top: var(--x-spacing-0-5);
}

.top-pillar-tile-meta-item[b-bjenzsk86m] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.top-pillar-tile--loading[b-bjenzsk86m],
.top-pillar-tile--empty[b-bjenzsk86m] {
    opacity: 0.85;
}
/* /Components/ContentStrategy/Performance/XPillarPerformanceChip.razor.rz.scp.css */
/* Phase 147 Bundle X — PillarPerformanceChip. Three tiers driven by score:
   HIGH = success token family, MEDIUM = warning, LOW = destructive.
   Inline pill shape so it composes neatly into card title rows + stat tiles. */

.pillar-perf-chip[b-69m4ye479s] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    line-height: 1.2;
    white-space: nowrap;
}

.pillar-perf-chip--high[b-69m4ye479s] {
    background-color: var(--x-color-success-muted);
    color: var(--x-color-success);
}

.pillar-perf-chip--medium[b-69m4ye479s] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.pillar-perf-chip--low[b-69m4ye479s] {
    background-color: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
}

.pillar-perf-chip-icon[b-69m4ye479s] {
    flex-shrink: 0;
}

.pillar-perf-chip-score[b-69m4ye479s] {
    font-variant-numeric: tabular-nums;
    opacity: 0.8;
}
/* /Components/ContentStrategy/PickIdeaForSlotModal.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=ContentStrategy | Bounded-Context=ContentStrategy.Initiatives | Sprint=Customer-MVP-MR-D */

.pick-idea-for-slot[b-wlb7yc7pg7] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-md);
}

.pick-idea-for-slot-slot-meta[b-wlb7yc7pg7] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-sm);
    align-items: center;
    padding: var(--x-spacing-sm);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
}

.pick-idea-for-slot-meta-item[b-wlb7yc7pg7] {
    font-size: var(--x-text-sm);
    color: var(--x-color-text-primary);
}

.pick-idea-for-slot-empty[b-wlb7yc7pg7] {
    padding: var(--x-spacing-md);
    background: rgba(0, 0, 0, 0.02);
    border: 1px dashed var(--x-color-border);
    border-radius: var(--x-radius-md);
    color: var(--x-color-text-primary);
    font-style: italic;
}

.pick-idea-for-slot-list[b-wlb7yc7pg7] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-sm);
    max-height: 380px;
    overflow-y: auto;
}

.pick-idea-for-slot-row[b-wlb7yc7pg7] {
    display: flex;
    gap: var(--x-spacing-sm);
    align-items: flex-start;
    padding: var(--x-spacing-sm);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    cursor: pointer;
}

.pick-idea-for-slot-row:hover[b-wlb7yc7pg7] {
    background: rgba(0, 0, 0, 0.02);
}

.pick-idea-for-slot-row--selected[b-wlb7yc7pg7] {
    border-color: var(--x-color-primary);
}

.pick-idea-for-slot-row--suggested[b-wlb7yc7pg7] {
    box-shadow: 0 0 0 1px var(--x-color-success);
}

.pick-idea-for-slot-row-body[b-wlb7yc7pg7] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-xs);
    flex: 1;
}

.pick-idea-for-slot-row-title[b-wlb7yc7pg7] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-sm);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-text-primary);
}

.pick-idea-for-slot-row-meta[b-wlb7yc7pg7] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-md);
    font-size: var(--x-text-sm);
    color: var(--x-color-text-primary);
}

.pick-idea-for-slot-message[b-wlb7yc7pg7] {
    color: var(--x-color-danger);
    font-size: var(--x-text-sm);
}

.pick-idea-for-slot-footer[b-wlb7yc7pg7] {
    display: flex;
    gap: var(--x-spacing-sm);
    justify-content: flex-end;
}
/* /Components/ContentStrategy/PlanItemCard.razor.rz.scp.css */
/* Sprint CV: PlanItemCard — cadence fields + due date + status.
   v3.44.0 absorption: raw card shell + 3 border-left modifier classes retired —
   XCard.AccentColor + AccentBorder render the lib-canonical accent. Opacity overrides
   for completed/skipped stay as state-specific affordances. */
.plan-item-card--completed[b-fg7c0bdg86] {
    opacity: 0.7;
}

.plan-item-card--skipped[b-fg7c0bdg86] {
    opacity: 0.5;
}

.plan-item-card-body[b-fg7c0bdg86] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-3) var(--x-spacing-4);
    width: 100%;
}

.plan-item-card-left[b-fg7c0bdg86] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    flex: 1;
    min-width: 0;
}

.plan-item-channel[b-fg7c0bdg86] {
    font-size: var(--x-text-xs);
    font-weight: 600;
    color: var(--x-color-foreground);
}

/* Phase 147 — channel + cadence side-by-side */
.plan-item-channel-row[b-fg7c0bdg86] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
}

.plan-item-cadence[b-fg7c0bdg86] {
    font-size: var(--x-text-xxs);
    font-weight: 600;
    padding: var(--x-spacing-0-5) var(--x-spacing-1-5);
    border-radius: var(--x-radius-sm);
    background-color: var(--x-color-info-muted);
    color: var(--x-color-info);
}

.plan-item-title[b-fg7c0bdg86] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.plan-item-tags[b-fg7c0bdg86] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    flex-wrap: wrap;
}

.plan-item-tag[b-fg7c0bdg86] {
    padding: var(--x-spacing-0-5) var(--x-spacing-1-5);
    background-color: var(--x-color-muted);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.plan-item-tag--type[b-fg7c0bdg86] {
    background-color: var(--x-color-primary-muted);
    color: var(--x-color-primary-hover);
}

.plan-item-tag--cta[b-fg7c0bdg86] {
    background-color: var(--x-color-secondary-muted);
    color: var(--x-color-secondary-hover);
}

.plan-item-card-right[b-fg7c0bdg86] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    flex-shrink: 0;
}

.plan-item-due[b-fg7c0bdg86] {
    font-size: var(--x-text-xxs);
    font-weight: 500;
    color: var(--x-color-foreground);
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    background-color: var(--x-color-muted);
    border-radius: var(--x-radius-sm);
}

.plan-item-due--unset[b-fg7c0bdg86] {
    color: var(--x-color-warning);
    background-color: var(--x-color-warning-muted);
}

.plan-item-priority[b-fg7c0bdg86] {
    padding: var(--x-spacing-0-5) var(--x-spacing-1-5);
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xxs);
    font-weight: 600;
    text-transform: capitalize;
}

.plan-item-priority--high[b-fg7c0bdg86] {
    background-color: var(--x-color-success-muted);
    color: var(--x-color-success);
}

.plan-item-priority--medium[b-fg7c0bdg86] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.plan-item-priority--low[b-fg7c0bdg86] {
    background-color: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
}

.plan-item-status-badge[b-fg7c0bdg86] {
    padding: var(--x-spacing-0-5) var(--x-spacing-1-5);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xxs);
    font-weight: 500;
    background-color: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
}

.plan-item-actions[b-fg7c0bdg86] {
    display: flex;
    gap: var(--x-spacing-1);
}
/* /Components/ContentStrategy/PlanItemEditModal.razor.rz.scp.css */
/* Sprint CV: PlanItemEditModal — cadence fields form */
.plan-item-edit-form[b-gphx4lo74w] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-2) 0;
}

.plan-item-edit-field[b-gphx4lo74w] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1-5);
    flex: 1;
}

.plan-item-edit-row[b-gphx4lo74w] {
    display: flex;
    gap: var(--x-spacing-4);
}

.plan-item-edit-label[b-gphx4lo74w] {
    font-size: var(--x-text-xs);
    font-weight: 500;
    color: var(--x-color-foreground);
}

.plan-item-edit-footer[b-gphx4lo74w] {
    display: flex;
    gap: var(--x-spacing-3);
    justify-content: flex-end;
}

@media (max-width: 640px) {
    .plan-item-edit-row[b-gphx4lo74w] {
        flex-direction: column;
    }
}
/* /Components/ContentStrategy/StrategyFeedbackPanel.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=ContentStrategy | Bounded-Context=ContentStrategy.StrategyFeedback | Sprint=Customer-MVP-MR-E */

.strategy-feedback-panel[b-no3u1cnr7w] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-sm);
    padding: var(--x-spacing-md);
    margin-bottom: var(--x-spacing-md);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    background: rgba(0, 0, 0, 0.02);
}

.strategy-feedback-panel-header[b-no3u1cnr7w] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-sm);
}

.strategy-feedback-panel-icon[b-no3u1cnr7w] {
    color: var(--x-color-primary);
}

.strategy-feedback-panel-title[b-no3u1cnr7w] {
    font-weight: var(--x-font-weight-semibold);
    font-size: var(--x-text-md);
    color: var(--x-color-text-primary);
}

.strategy-feedback-panel-subtitle[b-no3u1cnr7w] {
    font-size: var(--x-text-sm);
    color: var(--x-color-text-primary);
    margin-left: auto;
}

.strategy-feedback-panel-loading[b-no3u1cnr7w] {
    padding: var(--x-spacing-sm) 0;
}

.strategy-feedback-panel-list[b-no3u1cnr7w] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--x-spacing-sm);
}

.strategy-feedback-card[b-no3u1cnr7w] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-xs);
    padding: var(--x-spacing-sm);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    background: rgba(255, 255, 255, 0.6);
}

.strategy-feedback-card-header[b-no3u1cnr7w] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-sm);
}

.strategy-feedback-card-pillar[b-no3u1cnr7w] {
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-text-primary);
    flex: 1;
}

.strategy-feedback-card-recommendation[b-no3u1cnr7w] {
    margin: 0;
    font-size: var(--x-text-sm);
    color: var(--x-color-text-primary);
    line-height: 1.4;
}

.strategy-feedback-card-metrics[b-no3u1cnr7w] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-md);
    font-size: var(--x-text-sm);
    color: var(--x-color-text-primary);
}

.strategy-feedback-card--underperforming[b-no3u1cnr7w] { border-left: 3px solid var(--x-color-danger); }
.strategy-feedback-card--high-potential[b-no3u1cnr7w]  { border-left: 3px solid var(--x-color-success); }
.strategy-feedback-card--saturated[b-no3u1cnr7w]       { border-left: 3px solid var(--x-color-warning); }
.strategy-feedback-card--emerging[b-no3u1cnr7w]        { border-left: 3px solid var(--x-color-info); }
.strategy-feedback-card--voice-coherence[b-no3u1cnr7w] { border-left: 3px solid var(--x-color-warning); }
.strategy-feedback-card--semantic-gap[b-no3u1cnr7w]    { border-left: 3px solid var(--x-color-primary); }
/* /Components/Crm/CrmFacetChip.razor.rz.scp.css */
.crm-facet-chip-link[b-2dl7eqot2d] {
    text-decoration: none;
    display: inline-flex;
}

.crm-facet-chip-link:hover[b-2dl7eqot2d] {
    opacity: 0.85;
}

.crm-facet-chip-row[b-2dl7eqot2d] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-2xs);
}

.crm-facet-chip-link--overflow[b-2dl7eqot2d] {
    /* +N overflow pill is rendered as a Secondary XStatusPill; this hook lets
       downstream surfaces tighten the spacing without touching the primary chip. */
    margin-inline-start: 0;
}
/* /Components/Dashboard/ActionItemsWidget.razor.rz.scp.css */
/* ActionItemsWidget scoped styles */

.action-items-list[b-ke7ol6mvg5] {
    display: flex;
    flex-direction: column;
}

.action-item-row[b-ke7ol6mvg5] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-3) var(--x-spacing-4);
    border: none;
    border-left: 3px solid transparent;
    border-bottom: 1px solid var(--x-color-border);
    background: transparent;
    cursor: pointer;
    width: 100%;
    text-align: left;
    transition: background-color var(--x-transition-normal);
}

.action-item-row:hover[b-ke7ol6mvg5] {
    background-color: var(--x-color-background);
}

.action-item-row:last-child[b-ke7ol6mvg5] {
    border-bottom: none;
}

.action-item-icon[b-ke7ol6mvg5] {
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: var(--x-radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
}

.action-item-body[b-ke7ol6mvg5] {
    flex: 1;
    min-width: 0;
}

.action-item-title[b-ke7ol6mvg5] {
    display: block;
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.action-item-desc[b-ke7ol6mvg5] {
    display: block;
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.action-item-right[b-ke7ol6mvg5] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    flex-shrink: 0;
}

.action-item-priority[b-ke7ol6mvg5] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    padding: 2px var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
    white-space: nowrap;
}

.action-item-chevron[b-ke7ol6mvg5] {
    color: var(--x-color-muted-foreground);
    flex-shrink: 0;
}

/* v3.47 absorption: typed priority modifier classes (action-item-row--<lowercase ColorType>)
   replace the inline `style="border-left-color: @bound;"`,
   `style="background-color: @bound; color: @bound;"` (icon-tile),
   and `style="color: @bound; background-color: @bound;"` (priority-pill)
   OWASP A03 holes. Each modifier sets all three surfaces in one place. */
.action-item-row--danger[b-ke7ol6mvg5] {
    border-left-color: var(--x-color-destructive-hover);
}
.action-item-row--danger .action-item-icon[b-ke7ol6mvg5] {
    background-color: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
}
.action-item-row--danger .action-item-priority[b-ke7ol6mvg5] {
    background-color: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
}

.action-item-row--warning[b-ke7ol6mvg5] {
    border-left-color: var(--x-color-warning);
}
.action-item-row--warning .action-item-icon[b-ke7ol6mvg5] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}
.action-item-row--warning .action-item-priority[b-ke7ol6mvg5] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.action-item-row--info[b-ke7ol6mvg5] {
    border-left-color: var(--x-color-info);
}
.action-item-row--info .action-item-icon[b-ke7ol6mvg5] {
    background-color: var(--x-color-info-muted);
    color: var(--x-color-info);
}
.action-item-row--info .action-item-priority[b-ke7ol6mvg5] {
    background-color: var(--x-color-info-muted);
    color: var(--x-color-info);
}

.action-item-row--light[b-ke7ol6mvg5] {
    border-left-color: var(--x-color-border);
}
.action-item-row--light .action-item-icon[b-ke7ol6mvg5] {
    background-color: var(--x-color-background);
    color: var(--x-color-muted-foreground);
}
.action-item-row--light .action-item-priority[b-ke7ol6mvg5] {
    background-color: var(--x-color-background);
    color: var(--x-color-muted-foreground);
}
/* /Components/Dashboard/AiInsightsPanel.razor.rz.scp.css */
/* Sprint DF (DF-5.6): Enhanced AI Insights Panel styles */

[b-evxodd0g7x] .insights-panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: var(--x-spacing-2);
}

[b-evxodd0g7x] .insights-panel-title {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

[b-evxodd0g7x] .insights-loading {
    padding: var(--x-spacing-6) var(--x-spacing-4);
    text-align: center;
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
}

[b-evxodd0g7x] .insights-list {
    display: flex;
    flex-direction: column;
    gap: 0;
}

[b-evxodd0g7x] .insight-item {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    padding: var(--x-spacing-3) 0;
    border-bottom: 1px solid var(--x-color-border);
}

[b-evxodd0g7x] .insight-item:last-child {
    border-bottom: none;
}

[b-evxodd0g7x] .insight-item-header {
    display: flex;
    gap: var(--x-spacing-2);
    align-items: center;
}

[b-evxodd0g7x] .insight-title {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
}

[b-evxodd0g7x] .insight-description {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    line-height: 1.4;
}
/* /Components/Dashboard/BudgetWidget.razor.rz.scp.css */
/* Sprint AE-V2: BudgetWidget component styles */

.budget-widget[b-agai8srwyg] {
    padding: var(--x-spacing-4);
    border-radius: var(--x-radius-md);
}

.budget-header[b-agai8srwyg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--x-spacing-3);
}

.budget-title-section[b-agai8srwyg] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.budget-title[b-agai8srwyg] {
    font-weight: var(--x-font-weight-semibold);
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
}

.budget-progress-section[b-agai8srwyg] {
    margin-bottom: var(--x-spacing-2);
}

.budget-progress[b-agai8srwyg] {
    width: 100%;
    height: 8px;
    margin-bottom: var(--x-spacing-1-5);
}

.budget-progress.progress-warning[b-agai8srwyg]::part(determinate) {
    background: var(--x-color-warning);
}

.budget-progress.progress-critical[b-agai8srwyg]::part(determinate) {
    background: var(--x-color-warning);
    animation: pulse-warning-b-agai8srwyg 1.5s ease-in-out infinite;
}

.budget-progress.progress-exceeded[b-agai8srwyg]::part(determinate) {
    background: var(--x-color-destructive);
}

@keyframes pulse-warning-b-agai8srwyg {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

.budget-values[b-agai8srwyg] {
    display: flex;
    align-items: baseline;
    gap: var(--x-spacing-1);
    font-size: var(--x-text-sm);
}

.budget-used[b-agai8srwyg] {
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
}

.budget-separator[b-agai8srwyg] {
    color: var(--x-color-muted-foreground);
}

.budget-limit[b-agai8srwyg] {
    color: var(--x-color-muted-foreground);
}

.budget-details[b-agai8srwyg] {
    display: flex;
    justify-content: space-between;
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    margin-bottom: var(--x-spacing-2);
}

.budget-remaining[b-agai8srwyg] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
}

.budget-utilization[b-agai8srwyg] {
    font-weight: var(--x-font-weight-medium);
}

.budget-alert[b-agai8srwyg] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    font-size: var(--x-text-xs);
    padding: var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
    background: rgba(var(--x-color-warning), 0.1);
    margin-top: var(--x-spacing-2);
}

/* Alert level styling */
.alert-warning[b-agai8srwyg] {
    border: 1px solid var(--x-color-warning);
}

.alert-critical[b-agai8srwyg] {
    border: 1px solid var(--x-color-warning);
    background: rgba(var(--x-color-warning), 0.05);
}

.alert-exceeded[b-agai8srwyg] {
    border: 1px solid var(--x-color-destructive);
    background: rgba(var(--x-color-destructive), 0.05);
}

.alert-exceeded .budget-alert[b-agai8srwyg] {
    background: rgba(var(--x-color-destructive), 0.1);
}

.alert-exceeded .budget-used[b-agai8srwyg] {
    color: var(--x-color-destructive);
}

.alert-exceeded .budget-utilization[b-agai8srwyg] {
    color: var(--x-color-destructive);
}
/* /Components/Dashboard/CadenceHealthWidget.razor.rz.scp.css */
.cadence-channel-list[b-wb3edpw9y6] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.cadence-channel-row[b-wb3edpw9y6] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1-5);
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    width: 100%;
    text-align: left;
}

.cadence-channel-row:hover .cadence-channel-name[b-wb3edpw9y6] {
    color: var(--x-color-primary);
}

.cadence-channel-header[b-wb3edpw9y6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cadence-channel-name[b-wb3edpw9y6] {
    font-size: var(--x-text-xs);
    font-weight: 500;
    color: var(--x-color-foreground);
    transition: color var(--x-transition-normal);
}

.cadence-channel-stats[b-wb3edpw9y6] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.cadence-count[b-wb3edpw9y6] {
    font-size: var(--x-text-xs);
    font-weight: 600;
    color: var(--x-color-foreground);
}

.cadence-empty-icon[b-wb3edpw9y6] {
    color: var(--x-color-border);
    margin-bottom: var(--x-spacing-2);
}
/* /Components/Dashboard/ClaimChangeDigestTile.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=GtmKnowledgeSpine | Bounded-Context=Claim | Sprint=Phase-178-B */

.claim-change-digest-tile[b-85x4wg7m34] {
    width: 100%;
}

.claim-change-digest-tile__skeleton[b-85x4wg7m34] {
    padding: var(--x-spacing-2) 0;
}

.claim-change-digest-tile__empty[b-85x4wg7m34] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    align-items: flex-start;
}

.claim-change-digest-tile__muted[b-85x4wg7m34] {
    color: var(--x-color-muted-foreground);
}

.claim-change-digest-tile__headline[b-85x4wg7m34] {
    margin-bottom: var(--x-spacing-2);
}

.claim-change-digest-tile__metric-btn[b-85x4wg7m34] {
    display: flex;
    gap: var(--x-spacing-4);
    align-items: stretch;
    width: 100%;
    padding: var(--x-spacing-3);
    background: transparent;
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    cursor: pointer;
    transition: border-color var(--x-transition-fast), background var(--x-transition-fast);
}

.claim-change-digest-tile__metric-btn:hover[b-85x4wg7m34],
.claim-change-digest-tile__metric-btn:focus-visible[b-85x4wg7m34] {
    border-color: var(--x-color-primary);
    background: var(--x-color-surface-secondary);
    outline: none;
}

.claim-change-digest-tile__metric[b-85x4wg7m34] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 1 0;
}

.claim-change-digest-tile__metric-value[b-85x4wg7m34] {
    font-size: var(--x-font-size-2xl);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
}

.claim-change-digest-tile__metric-label[b-85x4wg7m34] {
    font-size: var(--x-font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--x-color-muted-foreground);
}

.claim-change-digest-tile__metric--danger .claim-change-digest-tile__metric-value[b-85x4wg7m34] {
    color: var(--x-color-danger);
}

.claim-change-digest-tile__footer[b-85x4wg7m34] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: var(--x-spacing-2);
    gap: var(--x-spacing-2);
}
/* /Components/Dashboard/ClaimHealthTile.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=GtmKnowledgeSpine | Bounded-Context=Claim | Sprint=Phase178-UX-1 */

.claim-health-tile[b-mqad00i6z4] {
    width: 100%;
}

.claim-health-tile__skeleton[b-mqad00i6z4] {
    padding: var(--x-spacing-2) 0;
}

.claim-health-tile__empty[b-mqad00i6z4] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    align-items: flex-start;
}

.claim-health-tile__muted[b-mqad00i6z4] {
    color: var(--x-color-muted-foreground);
}

.claim-health-tile__headline[b-mqad00i6z4] {
    margin-bottom: var(--x-spacing-2);
}

.claim-health-tile__metric-btn[b-mqad00i6z4] {
    display: flex;
    gap: var(--x-spacing-4);
    align-items: stretch;
    width: 100%;
    padding: var(--x-spacing-3);
    background: transparent;
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    cursor: pointer;
    transition: border-color var(--x-transition-fast), background var(--x-transition-fast);
}

.claim-health-tile__metric-btn:hover[b-mqad00i6z4],
.claim-health-tile__metric-btn:focus-visible[b-mqad00i6z4] {
    border-color: var(--x-color-primary);
    background: var(--x-color-surface-secondary);
    outline: none;
}

.claim-health-tile__metric[b-mqad00i6z4] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 1 0;
}

.claim-health-tile__metric-value[b-mqad00i6z4] {
    font-size: var(--x-font-size-2xl);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
}

.claim-health-tile__metric-label[b-mqad00i6z4] {
    font-size: var(--x-font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--x-color-muted-foreground);
}

.claim-health-tile__metric--warn .claim-health-tile__metric-value[b-mqad00i6z4] {
    color: var(--x-color-warning);
}

.claim-health-tile__metric--danger .claim-health-tile__metric-value[b-mqad00i6z4] {
    color: var(--x-color-danger);
}

.claim-health-tile__actions[b-mqad00i6z4] {
    display: flex;
    gap: var(--x-spacing-2);
    margin-top: var(--x-spacing-2);
}
/* /Components/Dashboard/CompetitorBenchmarksPanel.razor.rz.scp.css */
.benchmark-list[b-5ep05utbcm] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.benchmark-row[b-5ep05utbcm] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.benchmark-header[b-5ep05utbcm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.benchmark-metric[b-5ep05utbcm] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
}

.benchmark-competitor-name[b-5ep05utbcm] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.benchmark-bars[b-5ep05utbcm] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1-5);
}

.benchmark-bar-group[b-5ep05utbcm] {
    display: grid;
    grid-template-columns: 60px 1fr 50px;
    align-items: center;
    gap: var(--x-spacing-2);
}

.benchmark-bar-label[b-5ep05utbcm] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.benchmark-bar-track[b-5ep05utbcm] {
    height: 8px;
    background: var(--x-color-muted);
    border-radius: var(--x-radius-sm);
    overflow: hidden;
}

.benchmark-bar-fill[b-5ep05utbcm] {
    height: 100%;
    width: var(--benchmark-bar-width, 0%);
    border-radius: var(--x-radius-sm);
    transition: width var(--x-transition-slow);
}

.benchmark-bar-fill--you[b-5ep05utbcm] {
    background: var(--x-color-primary);
}

.benchmark-bar-fill--competitor[b-5ep05utbcm] {
    background: var(--x-color-muted-foreground);
}

.benchmark-bar-value[b-5ep05utbcm] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
}

.benchmark-empty[b-5ep05utbcm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-6) var(--x-spacing-4);
    text-align: center;
}

.benchmark-empty-icon[b-5ep05utbcm] {
    font-size: var(--x-text-3xl);
}

.benchmark-empty-hint[b-5ep05utbcm] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    max-width: 280px;
    margin: 0;
}
/* /Components/Dashboard/ContentCoverageMap.razor.rz.scp.css */
/* ContentCoverageMap component scoped styles */

.coverage-map-container[b-jkyiaqr00t] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
    padding-top: var(--x-spacing-2);
}

.coverage-stats-row[b-jkyiaqr00t] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--x-spacing-3);
}

/* XCard handles background, border, border-radius — only layout + color variants here */
[b-jkyiaqr00t] .coverage-stat-card {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

[b-jkyiaqr00t] .coverage-stat-card.stat-icon-primary {
    border-color: var(--x-color-primary-t80);
    background-color: var(--x-color-primary-muted);
}

[b-jkyiaqr00t] .coverage-stat-card.stat-icon-secondary {
    border-color: var(--x-color-border);
    background-color: var(--x-color-muted);
}

[b-jkyiaqr00t] .coverage-stat-card.stat-icon-warning {
    border-color: var(--x-color-warning-muted);
    background-color: var(--x-color-warning-muted);
}

[b-jkyiaqr00t] .coverage-stat-card.stat-icon-danger {
    border-color: var(--x-color-destructive-muted);
    background-color: var(--x-color-destructive-muted);
}

.coverage-stat-value[b-jkyiaqr00t] {
    font-size: var(--x-text-lg);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
}

/* ── Coverage Grid ── */
.coverage-matrix-wrapper[b-jkyiaqr00t] {
    overflow: auto;
}

.coverage-grid[b-jkyiaqr00t] {
    display: grid;
    grid-template-columns: 180px repeat(var(--coverage-grid-personas, 1), 1fr);
    border-collapse: collapse;
}

.coverage-header-cell[b-jkyiaqr00t] {
    padding: var(--x-spacing-2-5) var(--x-spacing-3);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--x-color-muted-foreground);
    background-color: var(--x-color-muted);
    border-bottom: 1px solid var(--x-color-border);
    border-right: 1px solid var(--x-color-border);
    text-align: center;
    white-space: nowrap;
}

.coverage-corner[b-jkyiaqr00t] {
    text-align: left;
}

.coverage-row-label[b-jkyiaqr00t] {
    padding: var(--x-spacing-2-5) var(--x-spacing-3);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    background-color: var(--x-color-muted);
    border-bottom: 1px solid var(--x-color-border);
    border-right: 1px solid var(--x-color-border);
    display: flex;
    align-items: center;
}

.coverage-cell[b-jkyiaqr00t] {
    padding: var(--x-spacing-3);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    border-bottom: 1px solid var(--x-color-border);
    border-right: 1px solid var(--x-color-border);
    cursor: pointer;
    transition: filter var(--x-transition-normal);
}

.coverage-cell:hover[b-jkyiaqr00t] {
    filter: brightness(0.92);
}

.coverage-cell-count[b-jkyiaqr00t] {
    font-size: var(--x-text-base);
    font-weight: var(--x-font-weight-semibold);
}

.coverage-cell-target[b-jkyiaqr00t] {
    font-size: var(--x-text-xxs);
    opacity: 0.7;
}

/* Cell color variants */
.coverage-cell-none[b-jkyiaqr00t] {
    background-color: rgba(239, 68, 68, 0.08);
    color: var(--x-color-destructive);
}

.coverage-cell-gap[b-jkyiaqr00t] {
    background-color: rgba(245, 158, 11, 0.10);
    color: var(--x-color-warning);
}

.coverage-cell-good[b-jkyiaqr00t] {
    background-color: rgba(16, 185, 129, 0.10);
    color: var(--x-color-success);
}

.coverage-cell-over[b-jkyiaqr00t] {
    background-color: rgba(99, 102, 241, 0.10);
    color: var(--x-color-primary);
}

/* ── Legend ── */
.coverage-legend[b-jkyiaqr00t] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-4);
    flex-wrap: wrap;
}

.coverage-legend-item[b-jkyiaqr00t] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
}

.coverage-legend-swatch[b-jkyiaqr00t] {
    width: 12px;
    height: 12px;
    border-radius: var(--x-radius-sm);
    flex-shrink: 0;
}
/* /Components/Dashboard/CoverageDrillDownPanel.razor.rz.scp.css */
/* Phase 160 MR γ — drill-down panel for coverage cells.
   Right-side slide-over overlay; click outside the panel dismisses. */

.coverage-drill-overlay[b-cg4ocy8ep6] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    z-index: 1000;
    display: flex;
    justify-content: flex-end;
}

.coverage-drill-panel[b-cg4ocy8ep6] {
    background: var(--x-surface);
    width: min(480px, 100vw);
    height: 100%;
    box-shadow: var(--x-shadow-xl));
    display: flex;
    flex-direction: column;
    padding: var(--x-spacing-4);
    gap: var(--x-spacing-4);
    overflow-y: auto;
}

.coverage-drill-header[b-cg4ocy8ep6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--x-spacing-3);
}

.coverage-drill-close[b-cg4ocy8ep6] {
    flex-shrink: 0;
}

.coverage-drill-body[b-cg4ocy8ep6] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.coverage-drill-asset-list[b-cg4ocy8ep6] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.coverage-drill-asset-item[b-cg4ocy8ep6] {
    padding: var(--x-spacing-3);
    border: 1px solid var(--x-border-subtle);
    border-radius: 8px;
    background: var(--x-surface-elevated);
}

.coverage-drill-asset-title[b-cg4ocy8ep6] {
    font-weight: 500;
    margin-bottom: 4px;
}

.coverage-drill-asset-meta[b-cg4ocy8ep6] {
    font-size: 0.75rem;
}

.coverage-drill-overflow[b-cg4ocy8ep6] {
    text-align: center;
    padding-top: var(--x-spacing-2);
}
/* /Components/Dashboard/DashboardChannelTab.razor.rz.scp.css */
/* DashboardChannelTab scoped styles */
.channel-card-header[b-4vvp9b26iz] {
    margin-bottom: var(--x-spacing-3);
}

.channel-name[b-4vvp9b26iz] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
}

.channel-asset-count[b-4vvp9b26iz] {
    margin-left: auto;
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.channel-metric-label[b-4vvp9b26iz] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.channel-metric-value[b-4vvp9b26iz] {
    font-size: var(--x-text-base);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
}
/* /Components/Dashboard/DashboardHeroSection.razor.rz.scp.css */
/* DashboardHeroSection — scoped styles */

.hero-section[b-h5v525kjia] {
    margin-bottom: var(--x-spacing-6);
    background: linear-gradient(135deg,
        rgba(129, 140, 248, 0.05) 0%,
        rgba(99, 102, 241, 0.08) 50%,
        rgba(79, 70, 229, 0.05) 100%);
    border: 1px solid var(--x-color-primary-muted);
    border-radius: var(--x-radius-xl);
    padding: var(--x-spacing-8);
    text-align: center;
}

/* flex-column stacks the inline XLabel title + subtitle reliably — a
   scoped `display:block` on the label classes cannot reach XLabel's
   child element (CSS isolation). Without this the H1 title runs into
   the subtitle ("Welcome to GoToM8!Your AI-powered…"). align-items
   centre preserves the section's centred layout. */
.hero-content[b-h5v525kjia] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hero-icon[b-h5v525kjia] {
    margin-bottom: var(--x-spacing-4);
}

.hero-title[b-h5v525kjia] {
    color: var(--x-color-foreground);
    margin: 0 0 var(--x-spacing-3) 0;
}

.hero-subtitle[b-h5v525kjia] {
    font-size: var(--x-text-base);
    color: var(--x-color-muted-foreground);
    margin: 0 0 var(--x-spacing-6) 0;
}

.hero-steps[b-h5v525kjia] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--x-spacing-4);
    margin: var(--x-spacing-6) 0;
}

.hero-step[b-h5v525kjia] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-4);
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-lg);
    text-align: left;
    transition: all var(--x-transition-normal);
}

.hero-step:hover[b-h5v525kjia] {
    border-color: var(--x-color-primary-muted);
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.15);
    transform: translateY(-2px);
}

.hero-step-number[b-h5v525kjia] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--x-color-primary) 0%, var(--x-color-primary) 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--x-font-weight-semibold);
    font-size: var(--x-text-xs);
    flex-shrink: 0;
}

.hero-step-content[b-h5v525kjia] {
    flex: 1;
}

.hero-step-title[b-h5v525kjia] {
    color: var(--x-color-foreground);
    margin: 0 0 var(--x-spacing-1) 0;
}

.hero-step-description[b-h5v525kjia] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    margin: 0;
}

.hero-actions[b-h5v525kjia] {
    display: flex;
    gap: var(--x-spacing-3);
    justify-content: center;
    align-items: center;
    margin-top: var(--x-spacing-6);
}

.hero-cta-primary[b-h5v525kjia] {
    padding: var(--x-spacing-3) var(--x-spacing-5);
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-semibold);
}

.hero-cta-secondary[b-h5v525kjia] {
    padding: var(--x-spacing-3) var(--x-spacing-5);
    font-size: var(--x-text-sm);
}

.step-title[b-h5v525kjia] {
    font-weight: var(--x-font-weight-semibold);
    font-size: var(--x-text-base);
}

.step-description[b-h5v525kjia] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

@media (max-width: 768px) {
    .hero-title[b-h5v525kjia] {
    }

    .hero-steps[b-h5v525kjia] {
        grid-template-columns: 1fr;
    }

    .hero-actions[b-h5v525kjia] {
        flex-direction: column;
        width: 100%;
    }

    .hero-cta-primary[b-h5v525kjia],
    .hero-cta-secondary[b-h5v525kjia] {
        width: 100%;
    }
}
/* /Components/Dashboard/DashboardMyWorkTab.razor.rz.scp.css */
/* DashboardMyWorkTab scoped styles */

.empty-state-icon[b-65kcgp9s5d] {
    color: var(--x-color-border);
}

.dash-mywork-type-icon[b-65kcgp9s5d] {
    width: 32px;
    height: 32px;
    border-radius: var(--x-radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.mywork-sort-hint[b-65kcgp9s5d] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.mywork-task-content[b-65kcgp9s5d] {
    flex: 1;
    min-width: 0;
}

.mywork-title-row[b-65kcgp9s5d] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.mywork-task-title[b-65kcgp9s5d] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mywork-overdue-badge[b-65kcgp9s5d] {
    display: flex;
    align-items: center;
    gap: 2px;
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-destructive-hover);
}

.mywork-meta-row[b-65kcgp9s5d] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    margin-top: 2px;
}

.mywork-meta-text[b-65kcgp9s5d] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.mywork-due-date[b-65kcgp9s5d] {
    display: flex;
    align-items: center;
    gap: 2px;
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.mywork-stage-badge[b-65kcgp9s5d] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    border-radius: var(--x-radius-sm);
    padding: 2px var(--x-spacing-2);
    white-space: nowrap;
}

.mywork-days-in-stage[b-65kcgp9s5d] {
    font-size: var(--x-text-xxs);
    display: flex;
    align-items: center;
    gap: 2px;
    white-space: nowrap;
}

/* Task row — static layout, dynamic border-bottom/background stay inline */
.dash-mywork-row[b-65kcgp9s5d] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-3) var(--x-spacing-5);
    border-bottom: 1px solid var(--x-color-border);
    cursor: pointer;
}

.dash-mywork-row--last[b-65kcgp9s5d] {
    border-bottom: none;
}

.dash-mywork-row--overdue[b-65kcgp9s5d] {
    background: var(--x-color-destructive-muted);
}

/* v3.47 absorption: typed stage modifier classes (dash-mywork-row--<lowercase ColorType>)
   replace the inline `style="background:@bound; color:@bound;"` and
   `style="color:@bound; background:@bound; border:1px solid @bound;"` consumer-side
   OWASP A03 holes. One per row drives the icon-tile + stage-badge surfaces. */
.dash-mywork-row--primary .dash-mywork-type-icon[b-65kcgp9s5d] {
    background: var(--x-color-primary-muted);
    color: var(--x-color-primary-hover);
}
.dash-mywork-row--primary .mywork-stage-badge[b-65kcgp9s5d] {
    color: var(--x-color-primary-hover);
    background: var(--x-color-primary-muted);
    border: 1px solid var(--x-color-primary-muted);
}

.dash-mywork-row--warning .dash-mywork-type-icon[b-65kcgp9s5d] {
    background: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}
.dash-mywork-row--warning .mywork-stage-badge[b-65kcgp9s5d] {
    color: var(--x-color-warning);
    background: var(--x-color-warning-muted);
    border: 1px solid var(--x-color-warning-muted);
}

.dash-mywork-row--secondary .dash-mywork-type-icon[b-65kcgp9s5d] {
    background: var(--x-color-secondary-muted);
    color: var(--x-color-secondary-hover);
}
.dash-mywork-row--secondary .mywork-stage-badge[b-65kcgp9s5d] {
    color: var(--x-color-secondary-hover);
    background: var(--x-color-secondary-muted);
    border: 1px solid var(--x-color-secondary-muted);
}

.dash-mywork-row--info .dash-mywork-type-icon[b-65kcgp9s5d] {
    background: var(--x-color-info-muted);
    color: var(--x-color-info);
}
.dash-mywork-row--info .mywork-stage-badge[b-65kcgp9s5d] {
    color: var(--x-color-info);
    background: var(--x-color-info-muted);
    border: 1px solid var(--x-color-info-muted);
}

.dash-mywork-row--success .dash-mywork-type-icon[b-65kcgp9s5d] {
    background: var(--x-color-success-muted);
    color: var(--x-color-success);
}
.dash-mywork-row--success .mywork-stage-badge[b-65kcgp9s5d] {
    color: var(--x-color-success);
    background: var(--x-color-success-muted);
    border: 1px solid var(--x-color-success-muted);
}

.dash-mywork-row--light .dash-mywork-type-icon[b-65kcgp9s5d] {
    background: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
}
.dash-mywork-row--light .mywork-stage-badge[b-65kcgp9s5d] {
    color: var(--x-color-muted-foreground);
    background: var(--x-color-muted);
    border: 1px solid var(--x-color-border);
}

/* days-in-stage stale state (>5 days) — class-based, replaces inline ternary. */
.mywork-days-in-stage--stale[b-65kcgp9s5d] {
    color: var(--x-color-destructive-hover);
}
.mywork-days-in-stage:not(.mywork-days-in-stage--stale)[b-65kcgp9s5d] {
    color: var(--x-color-muted-foreground);
}
/* /Components/Dashboard/DashboardPersonaTab.razor.rz.scp.css */
/* DashboardPersonaTab scoped styles */

.persona-table-header[b-fk4xznnflt] {
    padding: var(--x-spacing-3) var(--x-spacing-4);
    background: var(--x-color-background);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-muted-foreground);
    text-align: left;
}

.persona-table-cell[b-fk4xznnflt] {
    padding: var(--x-spacing-3) var(--x-spacing-4);
}

.persona-table-cell-text[b-fk4xznnflt] {
    padding: var(--x-spacing-3) var(--x-spacing-4);
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
}

.persona-name-row[b-fk4xznnflt] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.persona-avatar[b-fk4xznnflt] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--x-color-primary-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.persona-name[b-fk4xznnflt] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
}

.persona-channel-row[b-fk4xznnflt] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
}

.persona-channel-name[b-fk4xznnflt] {
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
}

.persona-rate-badge[b-fk4xznnflt] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    border-radius: var(--x-radius-sm);
    padding: 2px var(--x-spacing-2);
}

.empty-state-icon[b-fk4xznnflt] {
    color: var(--x-color-border);
}

.persona-fallback-count[b-fk4xznnflt] {
    font-size: var(--x-text-xs);
    color: var(--x-color-card-foreground);
}

/* --- Migrated from widget-styles.css (shared with DashboardPillarTable) --- */

.dash-pillar-table[b-fk4xznnflt] {
    display: flex;
    flex-direction: column;
}

.dash-pillar-header[b-fk4xznnflt] {
    display: grid;
    grid-template-columns: 1fr 100px 100px 1fr;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-2) var(--x-spacing-3);
    font-size: var(--x-text-xxs);
    font-weight: 600;
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid var(--x-color-border);
}

.dash-pillar-row[b-fk4xznnflt] {
    display: grid;
    grid-template-columns: 1fr 100px 100px 1fr;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-3);
    align-items: center;
    border-bottom: 1px solid var(--x-color-muted);
}

.dash-pillar-name[b-fk4xznnflt] {
    font-size: var(--x-text-xs);
    font-weight: 500;
    color: var(--x-color-foreground);
}

.dash-pillar-score[b-fk4xznnflt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xs);
    font-weight: 700;
}

.dash-pillar-reach[b-fk4xznnflt] {
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
}

.dash-pillar-bar-track[b-fk4xznnflt] {
    height: var(--x-spacing-1-5);
    background: var(--x-color-muted);
    border-radius: var(--x-radius-sm);
    overflow: hidden;
}

.dash-pillar-bar-fill[b-fk4xznnflt] {
    height: 100%;
    border-radius: var(--x-radius-sm);
    transition: width var(--x-transition-slow);
}

/* v3.47 absorption: typed engagement-band modifier classes replace inline
   `style="color:...;background:...;border:...;"` consumer-side OWASP A03 holes. */
.persona-rate-badge--success[b-fk4xznnflt] {
    color: var(--x-color-success);
    background: var(--x-color-success-muted);
    border: 1px solid var(--x-color-success-muted);
}
.persona-rate-badge--warning[b-fk4xznnflt] {
    color: var(--x-color-warning);
    background: var(--x-color-warning-muted);
    border: 1px solid var(--x-color-warning-muted);
}

.dash-pillar-score--success[b-fk4xznnflt] {
    color: var(--x-color-success);
    background: var(--x-color-success-muted);
}
.dash-pillar-score--warning[b-fk4xznnflt] {
    color: var(--x-color-warning);
    background: var(--x-color-warning-muted);
}
/* /Components/Dashboard/DashboardPillarTable.razor.rz.scp.css */
/* DashboardPillarTable scoped styles */

.empty-state-icon[b-iwgyn90gj0] {
    color: var(--x-color-border);
}

.pillar-header-hint[b-iwgyn90gj0] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

/* --- Migrated from widget-styles.css --- */

.dash-pillar-table[b-iwgyn90gj0] {
    display: flex;
    flex-direction: column;
}

.dash-pillar-header[b-iwgyn90gj0] {
    display: grid;
    grid-template-columns: 1fr 100px 100px 1fr;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-2) var(--x-spacing-3);
    font-size: var(--x-text-xxs);
    font-weight: 600;
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid var(--x-color-border);
}

.dash-pillar-row[b-iwgyn90gj0] {
    display: grid;
    grid-template-columns: 1fr 100px 100px 1fr;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-3);
    align-items: center;
    border-bottom: 1px solid var(--x-color-muted);
}

.dash-pillar-name[b-iwgyn90gj0] {
    font-size: var(--x-text-xs);
    font-weight: 500;
    color: var(--x-color-foreground);
}

.dash-pillar-score[b-iwgyn90gj0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xs);
    font-weight: 700;
}

.dash-pillar-reach[b-iwgyn90gj0] {
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
}

.dash-pillar-bar-track[b-iwgyn90gj0] {
    height: var(--x-spacing-1-5);
    background: var(--x-color-muted);
    border-radius: var(--x-radius-sm);
    overflow: hidden;
}

.dash-pillar-bar-fill[b-iwgyn90gj0] {
    height: 100%;
    border-radius: var(--x-radius-sm);
    transition: width var(--x-transition-slow);
    width: var(--dash-pillar-bar-width, 0%);
}

/* v3.47 absorption: typed score-band modifier classes replace inline color/background holes. */
.dash-pillar-row--success .dash-pillar-score[b-iwgyn90gj0] {
    color: var(--x-color-success);
    background: var(--x-color-success-muted);
}
.dash-pillar-row--success .dash-pillar-bar-fill[b-iwgyn90gj0] {
    background: var(--x-color-success);
}

.dash-pillar-row--warning .dash-pillar-score[b-iwgyn90gj0] {
    color: var(--x-color-warning);
    background: var(--x-color-warning-muted);
}
.dash-pillar-row--warning .dash-pillar-bar-fill[b-iwgyn90gj0] {
    background: var(--x-color-warning);
}

.dash-pillar-row--danger .dash-pillar-score[b-iwgyn90gj0] {
    color: var(--x-color-destructive);
    background: var(--x-color-destructive-muted);
}
.dash-pillar-row--danger .dash-pillar-bar-fill[b-iwgyn90gj0] {
    background: var(--x-color-destructive);
}
/* /Components/Dashboard/DashboardPipelineFunnel.razor.rz.scp.css */
/* DashboardPipelineFunnel scoped styles */

.funnel-header-hint[b-ht16sa36zk] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.funnel-conversion-label[b-ht16sa36zk] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-success);
}

.funnel-bar-inner[b-ht16sa36zk] {
    min-height: 28px;
    display: flex;
    align-items: center;
}

.funnel-bar-count[b-ht16sa36zk] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    padding: 0 var(--x-spacing-2);
}

/* --- Migrated from widget-styles.css --- */

.dash-funnel-row[b-ht16sa36zk] {
    display: grid;
    grid-template-columns: 120px 1fr 60px;
    align-items: center;
    gap: var(--x-spacing-2);
}

.dash-funnel-label[b-ht16sa36zk] {
    font-size: var(--x-text-xs);
    font-weight: 500;
    color: var(--x-color-foreground);
}

.dash-funnel-bar[b-ht16sa36zk] {
    border-radius: var(--x-radius-sm);
    transition: width var(--x-transition-slow);
    min-height: var(--x-spacing-7);
    display: flex;
    align-items: center;
    width: var(--dash-funnel-bar-width, 0%);
}

/* v3.47 absorption: typed stage modifier classes (.dash-funnel-bar--<lowercase ColorType>)
   replace inline `style="background:@bound;"`. Same modifier is on the parent bar AND
   the child count-span — the muted-bg + base-fg pairing is consistent across the lib. */
.dash-funnel-bar--light[b-ht16sa36zk] {
    background: var(--x-color-muted);
}
.dash-funnel-bar--light .funnel-bar-count[b-ht16sa36zk] {
    color: var(--x-color-muted-foreground);
}

.dash-funnel-bar--info[b-ht16sa36zk] {
    background: var(--x-color-info-muted);
}
.dash-funnel-bar--info .funnel-bar-count[b-ht16sa36zk] {
    color: var(--x-color-info);
}

.dash-funnel-bar--primary[b-ht16sa36zk] {
    background: var(--x-color-primary-muted);
}
.dash-funnel-bar--primary .funnel-bar-count[b-ht16sa36zk] {
    color: var(--x-color-primary-hover);
}

.dash-funnel-bar--warning[b-ht16sa36zk] {
    background: var(--x-color-warning-muted);
}
.dash-funnel-bar--warning .funnel-bar-count[b-ht16sa36zk] {
    color: var(--x-color-warning);
}

.dash-funnel-bar--success[b-ht16sa36zk] {
    background: var(--x-color-success-muted);
}
.dash-funnel-bar--success .funnel-bar-count[b-ht16sa36zk] {
    color: var(--x-color-success);
}

/* Drop-off severity classes — replace inline ternary on style="color:..." */
.dash-funnel-dropoff--high[b-ht16sa36zk] {
    color: var(--x-color-destructive-hover);
}
.dash-funnel-dropoff--low[b-ht16sa36zk] {
    color: var(--x-color-muted-foreground);
}
/* /Components/Dashboard/DashboardTourOverlay.razor.rz.scp.css */
/* DashboardTourOverlay — scoped styles */

.tooltip-overlay[b-568l53uw91] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    pointer-events: all;
}

.tooltip-backdrop[b-568l53uw91] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
}

.tooltip-box[b-568l53uw91] {
    position: absolute;
    background: var(--x-color-card);
    border: 2px solid var(--x-color-primary);
    border-radius: var(--x-radius-lg);
    padding: var(--x-spacing-4);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
    max-width: 360px;
    animation: tooltipFadeIn-b-568l53uw91 var(--x-transition-slow);
    z-index: 10000;
}

@keyframes tooltipFadeIn-b-568l53uw91 {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.tooltip-header[b-568l53uw91] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--x-spacing-3);
}

.tooltip-header h4[b-568l53uw91] {
    margin: 0;
    font-size: var(--x-text-base);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
}

.tooltip-box p[b-568l53uw91] {
    margin: 0 0 var(--x-spacing-4) 0;
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
    line-height: 1.5;
}

.tooltip-footer[b-568l53uw91] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--x-spacing-3);
}

.tooltip-progress[b-568l53uw91] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    font-weight: var(--x-font-weight-medium);
}

.tooltip-nav-buttons[b-568l53uw91] {
    display: flex;
    gap: var(--x-spacing-2);
}

/* Tooltip positioning for each step */
.tooltip-step-0[b-568l53uw91] {
    top: 120px;
    left: 40px;
}

.tooltip-step-1[b-568l53uw91] {
    top: 400px;
    left: 40px;
}

.tooltip-step-2[b-568l53uw91] {
    top: 120px;
    right: 40px;
}

.tooltip-step-3[b-568l53uw91] {
    bottom: 120px;
    right: 40px;
}

@media (max-width: 768px) {
    .tooltip-overlay .tooltip-box[b-568l53uw91] {
        left: 50%;
        right: auto;
        top: 50%;
        bottom: auto;
        transform: translate(-50%, -50%);
        max-width: calc(100% - var(--x-spacing-8));
    }
}
/* /Components/Dashboard/DeadLetterPanel.razor.rz.scp.css */
/* Sprint AH: DeadLetterPanel.razor.css - Styles for dead letter queue display */

.dead-letter-panel[b-qecp42a15y] {
    margin-bottom: var(--x-spacing-4);
    border-left: 3px solid var(--x-color-destructive);
}

.dead-letter-header[b-qecp42a15y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--x-spacing-3);
    cursor: pointer;
    user-select: none;
}

.dead-letter-title-section[b-qecp42a15y] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.dead-letter-title[b-qecp42a15y] {
    font-weight: var(--x-font-weight-semibold);
    font-size: var(--x-text-sm);
}

.dead-letter-list[b-qecp42a15y] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    padding: 0 var(--x-spacing-3) var(--x-spacing-3);
}

.dead-letter-entry[b-qecp42a15y] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-3);
    background: var(--x-color-muted);
    border-radius: var(--x-radius-lg);
    border-left: 2px solid var(--x-color-destructive);
}

.dead-letter-entry.status-retrying[b-qecp42a15y] {
    border-left-color: var(--x-color-warning);
    opacity: 0.8;
}

.dead-letter-entry.status-resolved[b-qecp42a15y] {
    border-left-color: var(--x-color-success);
    opacity: 0.6;
}

.dead-letter-entry.status-dismissed[b-qecp42a15y] {
    border-left-color: var(--x-color-border);
    opacity: 0.5;
}

.entry-main[b-qecp42a15y] {
    display: flex;
    gap: var(--x-spacing-3);
    align-items: flex-start;
}

.entry-icon[b-qecp42a15y] {
    flex-shrink: 0;
    margin-top: 2px;
}

.entry-content[b-qecp42a15y] {
    flex: 1;
    min-width: 0;
}

.entry-header[b-qecp42a15y] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-1);
}

.entry-workflow[b-qecp42a15y] {
    font-weight: var(--x-font-weight-medium);
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
}

.entry-time[b-qecp42a15y] {
    font-size: var(--x-spacing-3);
    color: var(--x-color-muted-foreground);
    white-space: nowrap;
}

.entry-error[b-qecp42a15y] {
    display: flex;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
    font-size: var(--x-text-sm);
}

.error-code[b-qecp42a15y] {
    font-family: var(--x-font-mono);
    font-size: var(--x-spacing-3);
    background: var(--x-color-muted);
    padding: 2px var(--x-spacing-1-5);
    border-radius: var(--x-radius-sm);
    color: var(--x-color-destructive);
}

.error-message[b-qecp42a15y] {
    color: var(--x-color-foreground);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.entry-retry-count[b-qecp42a15y] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    font-size: var(--x-spacing-3);
    color: var(--x-color-muted-foreground);
    margin-top: var(--x-spacing-1);
}

.entry-actions[b-qecp42a15y] {
    display: flex;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
    align-items: center;
    padding-top: var(--x-spacing-2);
    border-top: 1px solid var(--x-color-border);
}

.retrying-text[b-qecp42a15y] {
    font-size: var(--x-spacing-3);
    color: var(--x-color-warning);
    font-style: italic;
}

/* Responsive adjustments */
@media (min-width: 640px) {
    .dead-letter-entry[b-qecp42a15y] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .entry-actions[b-qecp42a15y] {
        padding-top: 0;
        border-top: none;
        padding-left: var(--x-spacing-4);
        border-left: 1px solid var(--x-color-border);
    }
}
/* /Components/Dashboard/KanbanBoard.razor.rz.scp.css */
/* SC-03: KanbanBoard.razor.css — XKanbanBoard overrides for Task Board */

.kanban-board-error[b-53z3iur4z9] {
    margin-bottom: var(--x-spacing-6);
}

/* v3.47 absorption: ::deep .x-kanban-card workaround RETIRED.
   xablu-libs#19 closed in v3.45.0 — XKanbanBoard exposes the typed `CardPadding`
   parameter (KanbanCardPadding.None | Default | Compact). The TaskCard double-padding
   issue is now solved at the lib boundary via
   `<XKanbanBoard CardPadding="KanbanCardPadding.None">` on KanbanBoard.razor:62.
   v3.47 elevated XBLZ035 from Warning to Error, which would have made this ::deep
   override a build break — the typed adoption pre-empts that closure. */
/* /Components/Dashboard/KnowledgeFactCard.razor.rz.scp.css */
/* SQ-05: KnowledgeFactCard.razor.css - Scoped styles for Knowledge Fact Cards */
/* CC-034 Compliant: Using design tokens and proper CSS isolation */

/* XCard handles background, border-radius, padding, hover shadow */

/* v3.44.0 absorption: .fact-validated / .fact-pending border-left retired — typed accent
   surface (XCard.AccentColor + AccentBorder) renders the lib-canonical accent. Only the
   pending-state background tint remains as a state-specific affordance. */
.fact-pending-bg[b-xo43xovdfy] {
    background: var(--x-color-warning-muted);
}

.fact-card-header[b-xo43xovdfy] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-2);
}

.fact-card-icon[b-xo43xovdfy] {
    flex-shrink: 0;
    padding: var(--x-spacing-1);
}

.fact-card-meta[b-xo43xovdfy] {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-2);
}

.fact-card-category[b-xo43xovdfy] {
    font-size: var(--x-text-xs);
}

.fact-card-validated[b-xo43xovdfy],
.fact-card-pending[b-xo43xovdfy] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    font-size: var(--x-text-xs);
}

.fact-card-body[b-xo43xovdfy] {
    margin-bottom: var(--x-spacing-3);
}

.fact-card-subject[b-xo43xovdfy] {
    display: flex;
    align-items: baseline;
    gap: var(--x-spacing-1);
    margin-bottom: var(--x-spacing-2);
}

.fact-card-subject-label[b-xo43xovdfy] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.fact-card-subject-value[b-xo43xovdfy] {
    font-size: var(--x-text-base);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
}

.fact-card-text[b-xo43xovdfy] {
    font-size: var(--x-text-base);
    color: var(--x-color-foreground);
    line-height: 1.5;
    margin: 0;
}

.fact-card-tags[b-xo43xovdfy] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-1);
    margin-top: var(--x-spacing-2);
}

.fact-card-tag[b-xo43xovdfy] {
    font-size: var(--x-text-xxs);
}

.fact-card-footer[b-xo43xovdfy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: var(--x-spacing-2);
    border-top: 1px solid var(--x-color-border);
}

.fact-card-info[b-xo43xovdfy] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.fact-card-confidence[b-xo43xovdfy] {
    font-weight: var(--x-font-weight-medium);
}

.confidence-high[b-xo43xovdfy] {
    color: var(--x-color-success);
}

.confidence-medium[b-xo43xovdfy] {
    color: var(--x-color-warning);
}

.confidence-low[b-xo43xovdfy] {
    color: var(--x-color-destructive);
}

.fact-card-actions[b-xo43xovdfy] {
    display: flex;
    gap: var(--x-spacing-2);
}

/* Dialog overlay */
.fact-dialog-overlay[b-xo43xovdfy] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--x-color-bg-overlay);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.fact-dialog-card[b-xo43xovdfy] {
    width: 100%;
    max-width: 400px;
    margin: var(--x-spacing-4);
}

.fact-dialog-header[b-xo43xovdfy] {
    padding: var(--x-spacing-4);
}

.fact-dialog-header h4[b-xo43xovdfy] {
    margin: 0;
}

.fact-dialog-content[b-xo43xovdfy] {
    padding: 0 var(--x-spacing-4) var(--x-spacing-4);
}

.fact-dialog-footer[b-xo43xovdfy] {
    display: flex;
    justify-content: flex-end;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-4);
    border-top: 1px solid var(--x-color-border);
}

/* CC-033 Compliant: Reduced motion handled by XCard */
/* /Components/Dashboard/KnowledgeVaultPanel.razor.rz.scp.css */
/* SQ-04: KnowledgeVaultPanel.razor.css - Scoped styles for Knowledge Vault Panel */
/* CC-034 Compliant: Using design tokens and proper CSS isolation */

.knowledge-vault-panel[b-w3h3inkb80] {
    width: 100%;
}

.knowledge-vault-card[b-w3h3inkb80] {
    padding: var(--x-spacing-4);
}

.knowledge-vault-header[b-w3h3inkb80] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--x-spacing-3);
}

.knowledge-vault-title-row[b-w3h3inkb80] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.knowledge-vault-title[b-w3h3inkb80] {
    color: var(--x-color-foreground);
    margin: 0;
}

.knowledge-vault-actions[b-w3h3inkb80] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.knowledge-vault-pending-badge[b-w3h3inkb80] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
}

.knowledge-vault-filters[b-w3h3inkb80] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-4);
    padding-bottom: var(--x-spacing-3);
    border-bottom: 1px solid var(--x-color-border);
}

.knowledge-vault-content[b-w3h3inkb80] {
    min-height: 200px;
}

.knowledge-vault-loading[b-w3h3inkb80] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-8);
    color: var(--x-color-muted-foreground);
}

.knowledge-vault-empty[b-w3h3inkb80] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-8);
    color: var(--x-color-muted-foreground);
}

.knowledge-vault-empty-hint[b-w3h3inkb80] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.knowledge-vault-list[b-w3h3inkb80] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.knowledge-vault-footer[b-w3h3inkb80] {
    margin-top: var(--x-spacing-4);
    padding-top: var(--x-spacing-3);
    border-top: 1px solid var(--x-color-border);
}

.knowledge-vault-stats[b-w3h3inkb80] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-4);
}

.knowledge-vault-stat[b-w3h3inkb80] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

/* CC-033 Compliant: Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .knowledge-vault-panel *[b-w3h3inkb80] {
        transition: none !important;
    }
}
/* /Components/Dashboard/OnboardingRibbon.razor.rz.scp.css */
/* Onboarding Banner — Figma Make HomeScreen.tsx parity */

.onboarding-banner[b-bs6ux8ou2r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-6);
    padding: var(--x-spacing-4) var(--x-spacing-5);
    background-color: var(--x-color-primary-muted);
    border: 2px solid var(--x-color-primary);
    border-radius: var(--x-radius-card);
}

.onboarding-banner-text[b-bs6ux8ou2r] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.onboarding-banner-title[b-bs6ux8ou2r] {
    color: var(--x-color-primary-hover);
    margin: 0;
}

.onboarding-banner-subtitle[b-bs6ux8ou2r] {
    font-size: var(--x-text-sm);
    color: var(--x-color-primary);
    margin: 0;
}

/* Button uses XButton Primary standard rendering — no CSS overrides needed.
   Xablu component output IS the design system; don't fight it to match FigmaMake React styling. */

@media (max-width: 768px) {
    .onboarding-banner[b-bs6ux8ou2r] {
        flex-direction: column;
        align-items: stretch;
        gap: var(--x-spacing-3);
    }

    .onboarding-banner-cta[b-bs6ux8ou2r] {
        justify-content: center;
    }
}
/* /Components/Dashboard/PipelineHealthWidget.razor.rz.scp.css */
/* PipelineHealthWidget scoped styles */

/* 2026-05-25 design sweep: wrapper-div pattern (consumer-side class on the
   wrapper, XDivider fills naturally) so the chip bottoms breathe from the
   divider line. Replaces the prior `::deep .x-divider` selector that
   ConsumerColorContractTests.NoConsumerDeepSelectorTargetsXabluLibInternals
   correctly flagged as a consumer-to-lib coupling violation. */
.pipeline-health-divider[b-pyq13xtsxw] {
    margin-block: var(--x-spacing-2);
}


.pipeline-stage-btn[b-pyq13xtsxw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-0-5);
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border: 1px solid;
    border-radius: var(--x-radius-lg);
    cursor: pointer;
    transition: opacity var(--x-transition-normal);
    min-width: 52px;
    background: transparent;
}

.pipeline-stage-btn:hover[b-pyq13xtsxw] {
    opacity: 0.85;
}

.pipeline-stage-btn--bottleneck[b-pyq13xtsxw] {
    animation: pulse-b-pyq13xtsxw 2s infinite;
}

.pipeline-stage-count[b-pyq13xtsxw] {
    font-size: var(--x-text-base);
    font-weight: var(--x-font-weight-semibold);
    line-height: 1;
}

.pipeline-stage-label[b-pyq13xtsxw] {
    font-size: var(--x-text-xxs);
    white-space: nowrap;
}

.pipeline-funnel-arrow[b-pyq13xtsxw] {
    display: flex;
    align-items: center;
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xl);
    line-height: 1;
}

@keyframes pulse-b-pyq13xtsxw {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

/* v3.47 absorption: typed stage modifier classes (.pipeline-stage-btn--<lowercase>)
   replace inline `style="background-color:...; border-color:...;"` and child-span
   `style="color:..."` consumer-side OWASP A03 holes. */
.pipeline-stage-btn--light[b-pyq13xtsxw] {
    background-color: var(--x-color-muted);
    border-color: var(--x-color-border);
}
.pipeline-stage-btn--light .pipeline-stage-count[b-pyq13xtsxw],
.pipeline-stage-btn--light .pipeline-stage-label[b-pyq13xtsxw] {
    color: var(--x-color-muted-foreground);
}

.pipeline-stage-btn--info[b-pyq13xtsxw] {
    background-color: var(--x-color-info-muted);
    border-color: var(--x-color-info-muted);
}
.pipeline-stage-btn--info .pipeline-stage-count[b-pyq13xtsxw],
.pipeline-stage-btn--info .pipeline-stage-label[b-pyq13xtsxw] {
    color: var(--x-color-info);
}

.pipeline-stage-btn--warning[b-pyq13xtsxw] {
    background-color: var(--x-color-warning-muted);
    border-color: var(--x-color-warning-muted);
}
.pipeline-stage-btn--warning .pipeline-stage-count[b-pyq13xtsxw],
.pipeline-stage-btn--warning .pipeline-stage-label[b-pyq13xtsxw] {
    color: var(--x-color-warning);
}

.pipeline-stage-btn--danger[b-pyq13xtsxw] {
    background-color: var(--x-color-destructive-muted);
    border-color: var(--x-color-destructive-muted);
}
.pipeline-stage-btn--danger .pipeline-stage-count[b-pyq13xtsxw],
.pipeline-stage-btn--danger .pipeline-stage-label[b-pyq13xtsxw] {
    color: var(--x-color-destructive-hover);
}

.pipeline-stage-btn--success[b-pyq13xtsxw] {
    background-color: var(--x-color-success-muted);
    border-color: var(--x-color-success-muted);
}
.pipeline-stage-btn--success .pipeline-stage-count[b-pyq13xtsxw],
.pipeline-stage-btn--success .pipeline-stage-label[b-pyq13xtsxw] {
    color: var(--x-color-success);
}

.pipeline-stage-btn--primary[b-pyq13xtsxw] {
    background-color: var(--x-color-primary-muted);
    border-color: var(--x-color-primary-muted);
}
.pipeline-stage-btn--primary .pipeline-stage-count[b-pyq13xtsxw],
.pipeline-stage-btn--primary .pipeline-stage-label[b-pyq13xtsxw] {
    color: var(--x-color-primary);
}

/* Bottleneck override — applies regardless of base stage colour, escalates the border. */
.pipeline-stage-btn--bottleneck[b-pyq13xtsxw] {
    border-color: var(--x-color-destructive);
}
/* /Components/Dashboard/PipelineStrip.razor.rz.scp.css */
/* Sprint AE: PipelineStrip component styles */

.pipeline-strip-container[b-na3b5ca5z2] {
    background: var(--x-color-card);
    border-radius: var(--x-radius-md);
    padding: var(--x-spacing-3) var(--x-spacing-4);
    margin-bottom: var(--x-spacing-4);
}

.pipeline-strip-header[b-na3b5ca5z2] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-3);
}

.pipeline-name[b-na3b5ca5z2] {
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
}

.pipeline-strip[b-na3b5ca5z2] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    overflow-x: auto;
    padding: var(--x-spacing-1) 0;
}

.pipeline-stage[b-na3b5ca5z2] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
    padding: var(--x-spacing-1-5) var(--x-spacing-2-5);
    border-radius: var(--x-radius-md);
    background: var(--x-color-background);
    cursor: pointer;
    transition: all var(--x-transition-normal);
    white-space: nowrap;
    min-width: fit-content;
}

.pipeline-stage:hover[b-na3b5ca5z2] {
    background: var(--x-color-muted);
    transform: translateY(-1px);
}

.stage-order[b-na3b5ca5z2] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-muted-foreground);
    background: var(--x-color-card);
    padding: 2px var(--x-spacing-1-5);
    border-radius: var(--x-radius-sm);
    min-width: 1.25rem;
    text-align: center;
}

.stage-name[b-na3b5ca5z2] {
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
}

.stage-action-badge[b-na3b5ca5z2] {
    margin-left: var(--x-spacing-1);
}

/* Sprint AE-V2: Stage cost display */
.stage-cost[b-na3b5ca5z2] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
    margin-left: var(--x-spacing-1);
    padding: 2px var(--x-spacing-1-5);
    background: var(--x-color-card);
    border-radius: var(--x-radius-sm);
}

.pipeline-connector[b-na3b5ca5z2] {
    color: var(--x-color-muted-foreground);
    display: flex;
    align-items: center;
    padding: 0 2px;
}

/* Status classes */
.stage-idle[b-na3b5ca5z2] {
    border: 1px solid var(--x-color-border);
}

.stage-running[b-na3b5ca5z2] {
    border: 1px solid var(--x-color-primary);
    background: var(--x-color-primary);
}

.stage-running .stage-name[b-na3b5ca5z2],
.stage-running .stage-order[b-na3b5ca5z2] {
    color: var(--x-color-foreground);
}

.stage-success[b-na3b5ca5z2] {
    border: 1px solid var(--x-color-success);
    background: rgba(16, 185, 129, 0.1);
}

.stage-success .stage-order[b-na3b5ca5z2] {
    background: var(--x-color-success);
    color: var(--x-color-success-foreground);
}

.stage-failed[b-na3b5ca5z2] {
    border: 1px solid var(--x-color-destructive);
    background: rgba(239, 68, 68, 0.1);
}

.stage-failed .stage-order[b-na3b5ca5z2] {
    background: var(--x-color-destructive);
    color: var(--x-color-destructive-foreground);
}

.stage-blocked[b-na3b5ca5z2] {
    border: 1px solid var(--x-color-warning);
    background: rgba(245, 158, 11, 0.1);
}

.stage-blocked .stage-order[b-na3b5ca5z2] {
    background: var(--x-color-warning);
    color: var(--x-color-warning-foreground);
}

.pipeline-strip-empty[b-na3b5ca5z2] {
    color: var(--x-color-muted-foreground);
    font-style: italic;
    padding: var(--x-spacing-2);
}

/* Responsive */
@media (max-width: 768px) {
    .pipeline-strip[b-na3b5ca5z2] {
        flex-wrap: wrap;
    }

    .pipeline-connector[b-na3b5ca5z2] {
        display: none;
    }
}
/* /Components/Dashboard/QuestionAnswerDialog.razor.rz.scp.css */
/* SQ-03: QuestionAnswerDialog.razor.css - Scoped styles for Answer Dialog */
/* CC-034 Compliant: Using design tokens and proper CSS isolation */
/*
   Modal-shell rules retired 2026-05-06 after the migration to <XModal>
   (commit bb929bf6). The overlay, card frame, and header layout are now
   owned by XModal. The remaining inner-content rules below (workflow-info,
   question, choices, confirmation, urgency, footer) still apply to the
   consumer's rendered children.
*/

.answer-dialog-content[b-z84jp440m2] {
    padding: var(--x-spacing-4);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.answer-dialog-workflow-info[b-z84jp440m2] {
    margin-bottom: var(--x-spacing-2);
}

.answer-dialog-question p[b-z84jp440m2] {
    font-size: var(--x-text-base);
    color: var(--x-color-foreground);
    line-height: 1.6;
    margin: 0;
}

.answer-dialog-input[b-z84jp440m2] {
    margin-top: var(--x-spacing-2);
}

.answer-dialog-choices[b-z84jp440m2] {
    border: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.answer-dialog-choices legend[b-z84jp440m2] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    margin-bottom: var(--x-spacing-2);
}

.answer-dialog-confirmation[b-z84jp440m2] {
    display: flex;
    gap: var(--x-spacing-3);
    justify-content: center;
    padding: var(--x-spacing-4);
}

.answer-dialog-urgency[b-z84jp440m2] {
    margin-top: var(--x-spacing-2);
}

.answer-dialog-footer[b-z84jp440m2] {
    display: flex;
    justify-content: flex-end;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-4);
}

@keyframes fadeIn-b-z84jp440m2 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes slideIn-b-z84jp440m2 {
    from {
        transform: translateY(-20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* CC-033 reduced-motion rules for the overlay/card retired 2026-05-06
   alongside the XModal migration -- XModal handles its own
   reduced-motion fallback at the lib level. */
/* /Components/Dashboard/QuestionCard.razor.rz.scp.css */
/* SQ-02: QuestionCard.razor.css - Scoped styles for Question Cards */
/* CC-034 Compliant: Using design tokens and proper CSS isolation */

.question-card[b-lrv7yydq5p] {
    padding: var(--x-spacing-3);
    background: var(--x-color-card);
    border-radius: var(--x-radius-md);
    transition: box-shadow var(--x-transition-normal);
}

.question-card:hover[b-lrv7yydq5p] {
    box-shadow: var(--x-elevation-card-hover);
}

.question-card:focus-visible[b-lrv7yydq5p] {
    outline: 2px solid var(--x-color-ring);
    outline-offset: 2px;
}

/* v3.44.0 absorption: border-left modifier classes retired — XCard.AccentColor + AccentBorder
   render the lib-canonical accent. .question-expired keeps the opacity + background tint
   (not part of the typed accent surface — those are urgency-state-specific affordances). */
.question-urgent-bg[b-lrv7yydq5p] {
    background: var(--x-color-destructive-muted);
}

.question-expired[b-lrv7yydq5p] {
    opacity: 0.8;
    background: var(--x-color-destructive-muted);
}

.question-card-header[b-lrv7yydq5p] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-2);
}

.question-card-icon[b-lrv7yydq5p] {
    flex-shrink: 0;
    padding: var(--x-spacing-1);
}

.question-card-title-section[b-lrv7yydq5p] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.question-card-workflow[b-lrv7yydq5p] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.question-card-type-badge[b-lrv7yydq5p] {
    align-self: flex-start;
    font-size: var(--x-text-xs);
}

.question-card-body[b-lrv7yydq5p] {
    margin-bottom: var(--x-spacing-3);
}

.question-card-text[b-lrv7yydq5p] {
    font-size: var(--x-text-base);
    color: var(--x-color-foreground);
    line-height: 1.5;
    margin: 0 0 var(--x-spacing-2) 0;
}

.question-card-options[b-lrv7yydq5p] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-1);
    margin-top: var(--x-spacing-2);
}

.question-card-option[b-lrv7yydq5p] {
    font-size: var(--x-text-xs);
}

.question-card-option-more[b-lrv7yydq5p] {
    font-size: var(--x-text-xs);
    font-style: italic;
}

.question-card-footer[b-lrv7yydq5p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: var(--x-spacing-2);
    border-top: 1px solid var(--x-color-border);
}

.question-card-meta[b-lrv7yydq5p] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.question-card-time[b-lrv7yydq5p] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.time-urgent[b-lrv7yydq5p] {
    color: var(--x-color-destructive);
    font-weight: var(--x-font-weight-semibold);
}

.time-warning[b-lrv7yydq5p] {
    color: var(--x-color-warning);
}

.time-expired[b-lrv7yydq5p] {
    color: var(--x-color-destructive);
    font-weight: var(--x-font-weight-bold);
}

.question-card-priority[b-lrv7yydq5p] {
    font-size: var(--x-text-xs);
}

.question-card-actions[b-lrv7yydq5p] {
    display: flex;
    gap: var(--x-spacing-2);
}

/* CC-033 Compliant: Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .question-card[b-lrv7yydq5p] {
        transition: none;
    }
}
/* /Components/Dashboard/QuestionLoopPanel.razor.rz.scp.css */
/* SQ-01: QuestionLoopPanel.razor.css - Scoped styles for Question Loop Panel */
/* CC-034 Compliant: Using design tokens and proper CSS isolation */

.question-loop-panel[b-bj6dd0fa26] {
    width: 100%;
}

.question-loop-card[b-bj6dd0fa26] {
    padding: var(--x-spacing-4);
}

.question-loop-header[b-bj6dd0fa26] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--x-spacing-4);
}

.question-loop-title-row[b-bj6dd0fa26] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.question-loop-title[b-bj6dd0fa26] {
    color: var(--x-color-foreground);
    margin: 0;
}

.question-loop-actions[b-bj6dd0fa26] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.question-loop-urgent-badge[b-bj6dd0fa26] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
}

.question-loop-content[b-bj6dd0fa26] {
    min-height: 200px;
}

.question-loop-loading[b-bj6dd0fa26] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-8);
    color: var(--x-color-muted-foreground);
}

.question-loop-empty[b-bj6dd0fa26] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-8);
    color: var(--x-color-muted-foreground);
}

.question-loop-empty-hint[b-bj6dd0fa26] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.question-loop-list[b-bj6dd0fa26] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.question-loop-footer[b-bj6dd0fa26] {
    margin-top: var(--x-spacing-4);
}

.question-loop-blocking-info[b-bj6dd0fa26] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

/* CC-033 Compliant: Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .question-loop-panel *[b-bj6dd0fa26] {
        transition: none !important;
    }
}
/* /Components/Dashboard/RoutineBoard.razor.rz.scp.css */
/* Sprint AE: RoutineBoard.razor.css - Routine Board Styles */
/* Updated for View State Pattern with PipelineStrip and compact cards */

.routine-board[b-dhydx195sg] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-6);
    padding: var(--x-spacing-4);
}

.routine-board-header[b-dhydx195sg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--x-spacing-4);
}

.routine-board-title-section[b-dhydx195sg] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
}

.routine-board-title[b-dhydx195sg] {
    margin: 0;
}

.routine-board-subtitle[b-dhydx195sg] {
    margin: 0;
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
}

.routine-board-actions[b-dhydx195sg] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.routine-board-content[b-dhydx195sg] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-6);
}

.routine-board-loading[b-dhydx195sg],
.routine-board-empty[b-dhydx195sg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-12);
    text-align: center;
    color: var(--x-color-muted-foreground);
}

.routine-board-empty h3[b-dhydx195sg] {
    margin: 0;
    color: var(--x-color-foreground);
}

.routine-board-empty p[b-dhydx195sg] {
    margin: 0;
}

/* Sprint AE: Pipeline Strip Area */
/* PipelineStrip components have their own isolated CSS */

/* Sprint AE: Category Sections */
/* RoutineCategorySection components have their own isolated CSS */

/* Cost Summary */
.routine-board-summary[b-dhydx195sg] {
    margin-top: var(--x-spacing-2);
}

.cost-summary-card[b-dhydx195sg] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-4);
    max-width: 300px;
}

.cost-summary-header[b-dhydx195sg] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    font-weight: var(--x-font-weight-medium);
}

.cost-summary-value[b-dhydx195sg] {
    font-size: var(--x-spacing-6);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-primary);
}

.cost-summary-hint[b-dhydx195sg] {
    font-size: var(--x-spacing-3);
    color: var(--x-color-muted-foreground);
}

/* Responsive adjustments for Sprint AE compact layout */
@media (max-width: 768px) {
    .routine-board[b-dhydx195sg] {
        padding: var(--x-spacing-3);
        gap: var(--x-spacing-4);
    }

    .routine-board-header[b-dhydx195sg] {
        flex-direction: column;
        align-items: flex-start;
    }

    .routine-board-title[b-dhydx195sg] {
    }
}
/* /Components/Dashboard/RoutineCard.razor.rz.scp.css */
/* Sprint AA: RoutineCard.razor.css - Routine Card Styles */

.routine-card[b-pzqysze6lr] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-4);
    border-radius: var(--x-radius-md);
    transition: border-color var(--x-transition-normal), box-shadow var(--x-transition-normal);
}

.routine-card:hover[b-pzqysze6lr] {
    box-shadow: var(--x-elevation-card));
}

/* v3.44.0 absorption: .routine-{running,success,failed,partial,idle} border-left modifier
   classes retired — XCard.AccentColor + AccentBorder render the lib-canonical accent. */

/* Header */
.routine-card-header[b-pzqysze6lr] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-3);
}

.routine-card-icon-wrapper[b-pzqysze6lr] {
    position: relative;
    flex-shrink: 0;
}

.routine-card-icon-wrapper .ai-badge[b-pzqysze6lr] {
    position: absolute;
    bottom: -4px;
    right: -4px;
    font-size: var(--x-spacing-2-5);
    padding: 0 4px;
}

.routine-card-title-section[b-pzqysze6lr] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    min-width: 0;
}

.routine-card-name[b-pzqysze6lr] {
    font-weight: var(--x-font-weight-semibold);
    font-size: var(--x-text-sm);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.routine-card-status[b-pzqysze6lr] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    font-size: var(--x-spacing-3);
}

.status-running[b-pzqysze6lr] {
    color: var(--x-color-primary);
}

.status-success[b-pzqysze6lr] {
    color: var(--x-color-success);
}

.status-failed[b-pzqysze6lr] {
    color: var(--x-color-destructive);
}

.status-partial[b-pzqysze6lr] {
    color: var(--x-color-warning);
}

.status-idle[b-pzqysze6lr] {
    color: var(--x-color-muted-foreground);
}

.routine-card-actions[b-pzqysze6lr] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
}

/* Description */
.routine-card-description[b-pzqysze6lr] {
    margin: 0;
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Stats */
.routine-card-stats[b-pzqysze6lr] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-3);
}

.routine-stat[b-pzqysze6lr] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    font-size: var(--x-spacing-3);
    color: var(--x-color-muted-foreground);
}

/* Cooldown */
.routine-card-cooldown[b-pzqysze6lr] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.cooldown-text[b-pzqysze6lr] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    font-size: var(--x-spacing-3);
    color: var(--x-color-warning);
}

/* Warnings & Errors */
.routine-card-warning[b-pzqysze6lr],
.routine-card-error[b-pzqysze6lr] {
    font-size: var(--x-spacing-3);
    padding: var(--x-spacing-2);
}

/* Footer */
.routine-card-footer[b-pzqysze6lr] {
    margin-top: auto;
    padding-top: var(--x-spacing-2);
}

.routine-trigger-button[b-pzqysze6lr] {
    width: 100%;
}
/* /Components/Dashboard/RoutineCardCompact.razor.rz.scp.css */
/* Sprint AE-V2: RoutineCardCompact component styles */
/* Extended target height: 120-140px (includes description, cost, error rows) */

.routine-card-compact[b-a2es0yvwf5] {
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    padding: var(--x-spacing-3);
    min-height: 100px;
    max-height: 160px;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    transition: all var(--x-transition-normal);
}

.routine-card-compact:hover[b-a2es0yvwf5] {
    border-color: var(--x-color-border);
    box-shadow: var(--x-elevation-card);
}

/* Header row */
.card-header[b-a2es0yvwf5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-2);
}

.card-title-section[b-a2es0yvwf5] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    flex: 1;
    min-width: 0;
}

.card-name[b-a2es0yvwf5] {
    font-weight: var(--x-font-weight-semibold);
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-actions[b-a2es0yvwf5] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
}

.human-action-badge[b-a2es0yvwf5] {
    font-size: var(--x-text-xxs);
}

.trigger-button[b-a2es0yvwf5] {
    min-width: 32px;
    height: 28px;
}

/* Status row */
.card-status-row[b-a2es0yvwf5] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    font-size: var(--x-spacing-3);
    color: var(--x-color-muted-foreground);
    margin-top: var(--x-spacing-2);
}

.status-indicator[b-a2es0yvwf5] {
    display: flex;
    align-items: center;
}

.last-run[b-a2es0yvwf5] {
    color: var(--x-color-muted-foreground);
}

.last-run[b-a2es0yvwf5]::after {
    content: "|";
    margin-left: var(--x-spacing-2);
    color: var(--x-color-border);
}

.output-link[b-a2es0yvwf5] {
    color: var(--x-color-primary);
    cursor: pointer;
}

.output-link:hover[b-a2es0yvwf5] {
    text-decoration: underline;
}

.output-link[b-a2es0yvwf5]::after {
    content: "|";
    margin-left: var(--x-spacing-2);
    color: var(--x-color-border);
}

.next-trigger-text[b-a2es0yvwf5] {
    margin-left: auto;
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-success);
}

.next-trigger-text.disabled[b-a2es0yvwf5] {
    color: var(--x-color-muted-foreground);
}

/* v3.44.1 absorption: status border-left modifier classes RETIRED. The .razor wraps
   the card in <XCard AccentColor=GetAccentColor() AccentBorder=true> so the lib renders
   the canonical 3px top-edge accent. The border-left modifiers stayed by accident in the
   round-2 v3.44.0 absorption migration, producing visual double-borders. Status-indicator
   colour rules + running-state spin animation stay (they style the inner emoji indicator,
   not the card chrome). */

.status-running .status-indicator[b-a2es0yvwf5] {
    color: var(--x-color-primary);
    animation: spin-b-a2es0yvwf5 1s linear infinite;
}

@keyframes spin-b-a2es0yvwf5 {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.status-success .status-indicator[b-a2es0yvwf5] {
    color: var(--x-color-success);
}

.status-failed .status-indicator[b-a2es0yvwf5] {
    color: var(--x-color-destructive);
}

.status-failed .next-trigger-text[b-a2es0yvwf5] {
    color: var(--x-color-destructive);
}

.status-partial .status-indicator[b-a2es0yvwf5] {
    color: var(--x-color-warning);
}

.status-blocked .status-indicator[b-a2es0yvwf5] {
    color: var(--x-color-warning);
}

.status-blocked .next-trigger-text[b-a2es0yvwf5] {
    color: var(--x-color-warning);
}

/* AI Badge */
.ai-badge[b-a2es0yvwf5] {
    font-size: var(--x-text-xxs);
    padding: 2px var(--x-spacing-1-5);
    margin-left: var(--x-spacing-1);
}

/* Description row */
.card-description[b-a2es0yvwf5] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}

/* Items processed */
.items-processed[b-a2es0yvwf5] {
    color: var(--x-color-muted-foreground);
}

.items-processed[b-a2es0yvwf5]::after {
    content: "|";
    margin-left: var(--x-spacing-2);
    color: var(--x-color-border);
}

/* Schedule row: ScheduleMode pill + ScheduleDescription text on one line.
   Match the .card-status-row / .card-cost-row / .card-error-row sibling pattern —
   without display:flex the pill and span stack as block-flow rows. */
.card-schedule-row[b-a2es0yvwf5] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

/* Cost row */
.card-cost-row[b-a2es0yvwf5] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.period-cost[b-a2es0yvwf5] {
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-primary);
}

.last-run-cost[b-a2es0yvwf5] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xxs);
}

/* Error row */
.card-error-row[b-a2es0yvwf5] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
    font-size: var(--x-text-xxs);
    background: rgba(239, 68, 68, 0.08);
    padding: var(--x-spacing-1) var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
    margin-top: var(--x-spacing-1);
}

.error-summary[b-a2es0yvwf5] {
    color: var(--x-color-destructive);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/Dashboard/RoutineCategorySection.razor.rz.scp.css */
/* Sprint AE: RoutineCategorySection component styles */

.routine-category-section[b-b6g7rq0a3t] {
    margin-bottom: var(--x-spacing-6);
}

.category-header[b-b6g7rq0a3t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--x-spacing-3) var(--x-spacing-4);
    background: var(--x-color-card);
    border-radius: var(--x-radius-md) var(--x-radius-md) 0 0;
    cursor: pointer;
    transition: background var(--x-transition-normal);
}

.category-header:hover[b-b6g7rq0a3t] {
    background: var(--x-color-background);
}

.category-title-section[b-b6g7rq0a3t] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
}

.category-title[b-b6g7rq0a3t] {
    margin: 0;
    color: var(--x-color-foreground);
}

.routine-count[b-b6g7rq0a3t] {
    font-size: var(--x-spacing-3);
}

.collapse-toggle[b-b6g7rq0a3t] {
    background: none;
    border: none;
    cursor: pointer;
    padding: var(--x-spacing-1);
    color: var(--x-color-muted-foreground);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--x-radius-sm);
    transition: background var(--x-transition-normal);
}

.collapse-toggle:hover[b-b6g7rq0a3t] {
    background: var(--x-color-muted);
}

.category-routines-grid[b-b6g7rq0a3t] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-4);
    background: var(--x-color-background);
    border-radius: 0 0 var(--x-radius-md) var(--x-radius-md);
}

/* Responsive */
@media (min-width: 1280px) {
    .category-routines-grid[b-b6g7rq0a3t] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 640px) {
    .category-routines-grid[b-b6g7rq0a3t] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Dashboard/RoutineConfigEditor.razor.rz.scp.css */
/* Sprint AA: RoutineConfigEditor.razor.css - Config Dialog Styles */

.config-dialog-title-row[b-gpcc4vcnba] {
    display: flex;
    flex-direction: row;
    gap: var(--x-spacing-2);
    align-items: center;
}

.config-dialog-overlay[b-gpcc4vcnba] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--x-color-overlay));
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.routine-config-dialog[b-gpcc4vcnba] {
    min-width: 400px;
    max-width: 500px;
    max-height: 90vh;
    overflow-y: auto;
}

.config-dialog-header[b-gpcc4vcnba] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-4);
}

.config-dialog-header h3[b-gpcc4vcnba] {
    margin: 0;
    font-weight: var(--x-font-weight-semibold);
}

.config-dialog-footer[b-gpcc4vcnba] {
    display: flex;
    justify-content: flex-end;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-4);
}

.config-dialog-body[b-gpcc4vcnba] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-6);
}

.config-section[b-gpcc4vcnba] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.config-section-title[b-gpcc4vcnba] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    margin: 0;
    color: var(--x-color-foreground);
    padding-bottom: var(--x-spacing-2);
    border-bottom: 1px solid var(--x-color-border);
}

.config-field[b-gpcc4vcnba] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.config-label[b-gpcc4vcnba] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
}

.config-hint[b-gpcc4vcnba] {
    font-size: var(--x-spacing-3);
    color: var(--x-color-muted-foreground);
}

.config-info[b-gpcc4vcnba] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-3);
    background: var(--x-color-muted);
    border-radius: var(--x-radius-sm);
}

.config-info p[b-gpcc4vcnba] {
    margin: 0;
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
}
/* /Components/Dashboard/ScheduleConfigSection.razor.rz.scp.css */
/* Blazor scoped-CSS isolation: the rules in RoutineConfigEditor.razor.css don't reach
   into this child component's [b-xxxxxx] scope, so the .config-* layout classes
   ScheduleConfigSection renders need their own scoped declarations here. */

.config-section[b-iutno4qbd8] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.config-field[b-iutno4qbd8] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.config-label[b-iutno4qbd8] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
}

.config-hint[b-iutno4qbd8] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.schedule-presets[b-iutno4qbd8] {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--x-spacing-2);
}
/* /Components/Dashboard/TaskCard.razor.rz.scp.css */
/* SC-01: TaskCard.razor.css - Scoped styles for task cards */
/* CC-034 Compliant: Using design tokens and proper CSS isolation */
/* XCard handles background, border, border-radius, padding, hover shadow */

.task-card-header[b-vha4e7ha9u] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-2);
}

.task-card-icon[b-vha4e7ha9u] {
    flex-shrink: 0;
    padding: var(--x-spacing-1);
}

.task-card-title-section[b-vha4e7ha9u] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.task-card-title[b-vha4e7ha9u] {
    font-size: var(--x-text-base);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
    line-height: 1.3;
}

.task-card-badge[b-vha4e7ha9u] {
    align-self: flex-start;
    font-size: var(--x-text-xs);
}

.task-card-description[b-vha4e7ha9u] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    margin: 0 0 var(--x-spacing-3) 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.task-card-footer[b-vha4e7ha9u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: var(--x-spacing-2);
    border-top: 1px solid var(--x-color-border);
}

.task-card-expiry[b-vha4e7ha9u] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.task-expiry-urgent[b-vha4e7ha9u] {
    color: var(--x-color-warning);
}

.task-expiry-expired[b-vha4e7ha9u] {
    color: var(--x-color-destructive);
}

.task-card-complete-btn[b-vha4e7ha9u] {
    margin-left: auto;
}

.task-card-completed-label[b-vha4e7ha9u] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    font-size: var(--x-text-xs);
    color: var(--x-color-success);
}

/* v3.44.0 absorption: .task-priority-{high,medium,low} retired — priority renders via
   XCard.AccentColor + AccentBorder (lib-canonical 3px top-edge accent) mapped from Priority
   in the .razor (GetPriorityAccent). */

/* CC-033 Compliant: Reduced motion handled by XCard */
/* /Components/Dashboard/TaskFilterBar.razor.rz.scp.css */
/* CK-4: TaskFilterBar scoped styles */

.task-filter-bar[b-jkjf6wykwg] {
    display: flex;
    flex-direction: row;
    gap: var(--x-spacing-md);
    align-items: center;
    justify-content: space-between;
    padding: var(--x-spacing-xs) 0;
}

.task-filter-chips[b-jkjf6wykwg] {
    display: flex;
    flex-direction: row;
    gap: var(--x-spacing-xs);
    flex-wrap: wrap;
}

.task-filter-controls[b-jkjf6wykwg] {
    display: flex;
    flex-direction: row;
    gap: var(--x-spacing-sm);
    align-items: center;
}

/* 2026-05-25 design sweep follow-up: wrapper-div width slots
   (same pattern as CrmOrganisationsTab.razor.css .crm-toolbar-search/.crm-toolbar-filter).
   Constrains Xablu inner controls so the row stops stretching full-width inside XFilterBar. */
.tfb-search-slot[b-jkjf6wykwg] {
    width: 240px;
    min-width: 180px;
    flex-shrink: 1;
    display: flex;
}

.tfb-search-slot > *[b-jkjf6wykwg] {
    flex: 1;
}

.tfb-sort-slot[b-jkjf6wykwg] {
    width: 160px;
    flex-shrink: 0;
    display: flex;
}

.tfb-sort-slot > *[b-jkjf6wykwg] {
    flex: 1;
}
/* /Components/Dashboard/TaskForms/ApprovalForm.razor.rz.scp.css */
/* CK-5.3: ApprovalForm scoped styles (migrated from TaskCompletionDialog ::deep) */

.approval-form[b-j43r88q1tz] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2-5);
}

.approval-options[b-j43r88q1tz] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1-5);
}

.approval-option[b-j43r88q1tz] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    cursor: pointer;
    font-size: var(--x-text-sm);
}

.approval-option.selected[b-j43r88q1tz] {
    border-color: var(--x-color-primary);
    background: color-mix(in srgb, var(--x-color-primary) 5%, transparent);
}
/* /Components/Dashboard/TaskForms/ClassificationReviewForm.razor.rz.scp.css */
/* CK-5.4: ClassificationReviewForm scoped styles (migrated from TaskCompletionDialog ::deep) */

.classification-form[b-6lk5rn9qyo] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2-5);
}

.classification-action[b-6lk5rn9qyo] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1-5);
}

.classification-option[b-6lk5rn9qyo] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    cursor: pointer;
    font-size: var(--x-text-sm);
}

.classification-option.selected[b-6lk5rn9qyo] {
    border-color: var(--x-color-primary);
    background: color-mix(in srgb, var(--x-color-primary) 5%, transparent);
}

.classification-current[b-6lk5rn9qyo] {
    padding: var(--x-spacing-2) var(--x-spacing-3);
    background: var(--x-color-background);
    border-radius: var(--x-radius-md);
    font-size: var(--x-text-sm);
}

.classification-label[b-6lk5rn9qyo] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
    display: block;
    margin-bottom: var(--x-spacing-0-5);
}

.classification-confidence[b-6lk5rn9qyo] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
}
/* /Components/Dashboard/TaskForms/ConfirmActionForm.razor.rz.scp.css */
/* CK-5.6: ConfirmActionForm scoped styles (migrated from TaskCompletionDialog ::deep) */

.confirm-form[b-zv6eqm43ag] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2-5);
}
/* /Components/Dashboard/TaskForms/JtbdValidationForm.razor.rz.scp.css */
/* CK-5.5: JtbdValidationForm scoped styles (migrated from TaskCompletionDialog ::deep) */

.jtbd-form[b-p7khx06yue] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2-5);
}

.jtbd-action[b-p7khx06yue] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1-5);
}

.jtbd-option[b-p7khx06yue] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    cursor: pointer;
    font-size: var(--x-text-sm);
}

.jtbd-option.selected[b-p7khx06yue] {
    border-color: var(--x-color-primary);
    background: color-mix(in srgb, var(--x-color-primary) 5%, transparent);
}

.jtbd-statement[b-p7khx06yue],
.jtbd-outcome[b-p7khx06yue] {
    padding: var(--x-spacing-2) var(--x-spacing-3);
    background: var(--x-color-background);
    border-radius: var(--x-radius-md);
    font-size: var(--x-text-sm);
}

.jtbd-label[b-p7khx06yue] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
    display: block;
    margin-bottom: var(--x-spacing-0-5);
}
/* /Components/Dashboard/TaskForms/PayloadContextPanel.razor.rz.scp.css */
/* CK-5.1: PayloadContextPanel scoped styles */

.payload-context-panel[b-zy2dmrs7p7] {
    background: var(--x-color-background);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    padding: var(--x-spacing-3) var(--x-spacing-4);
    margin: var(--x-spacing-2) 0;
}

.payload-title[b-zy2dmrs7p7] {
    color: var(--x-color-muted-foreground);
    margin: 0 0 var(--x-spacing-2);
}

.payload-grid[b-zy2dmrs7p7] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--x-spacing-1) var(--x-spacing-3);
    font-size: var(--x-text-sm);
}

.payload-key[b-zy2dmrs7p7] {
    color: var(--x-color-muted-foreground);
    text-transform: capitalize;
    white-space: nowrap;
}

.payload-value[b-zy2dmrs7p7] {
    color: var(--x-color-foreground);
    word-break: break-word;
}
/* /Components/Dashboard/TaskForms/QuestionAnswerForm.razor.rz.scp.css */
/* CK-5.7: QuestionAnswerForm scoped styles (migrated from TaskCompletionDialog ::deep) */

.question-form[b-ehoqh8nka9] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2-5);
}

.question-options[b-ehoqh8nka9] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1-5);
}

.question-option[b-ehoqh8nka9] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    cursor: pointer;
    font-size: var(--x-text-sm);
}

.question-option.selected[b-ehoqh8nka9] {
    border-color: var(--x-color-primary);
    background: color-mix(in srgb, var(--x-color-primary) 5%, transparent);
}
/* /Components/Dashboard/TaskForms/TaskCompletionDialog.razor.rz.scp.css */
/* CK-5.2: TaskCompletionDialog scoped styles */

.completion-dialog-title-row[b-7ym5q02dnr] {
    display: flex;
    flex-direction: row;
    gap: var(--x-spacing-2);
    align-items: center;
}

.completion-dialog-overlay[b-7ym5q02dnr] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.completion-dialog-card[b-7ym5q02dnr] {
    background: var(--x-color-card);
    border-radius: var(--x-radius-lg);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    width: 520px;
    max-width: 90vw;
    max-height: 85vh;
    overflow-y: auto;
    padding: var(--x-spacing-6);
}

.completion-dialog-header[b-7ym5q02dnr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.completion-dialog-header h3[b-7ym5q02dnr] {
    margin: 0;
    font-size: var(--x-text-base);
}

.completion-dialog-content[b-7ym5q02dnr] {
    margin: var(--x-spacing-4) 0;
}

.completion-dialog-task-info h4[b-7ym5q02dnr] {
    margin: 0 0 var(--x-spacing-1);
    font-size: var(--x-spacing-4);
}

.completion-dialog-description[b-7ym5q02dnr] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
    margin: 0 0 var(--x-spacing-3);
}

.completion-dialog-form[b-7ym5q02dnr] {
    margin: var(--x-spacing-3) 0;
}

.completion-dialog-notes[b-7ym5q02dnr] {
    width: 100%;
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    font-size: var(--x-text-sm);
    resize: vertical;
}

.completion-dialog-footer[b-7ym5q02dnr] {
    display: flex;
    justify-content: flex-end;
    gap: var(--x-spacing-2);
}
/* /Components/Dashboard/TasksPanel.razor.rz.scp.css */
/* SQ-06: TasksPanel.razor.css - Scoped styles for Unified Task Inbox Panel */
/* CC-034 Compliant: Using design tokens and proper CSS isolation */

.tasks-panel[b-0dcm3hmddz] {
    width: 100%;
}

.tasks-panel-card[b-0dcm3hmddz] {
    padding: var(--x-spacing-4);
}

.tasks-panel-header[b-0dcm3hmddz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--x-spacing-3);
}

.tasks-panel-title-row[b-0dcm3hmddz] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.tasks-panel-title[b-0dcm3hmddz] {
    color: var(--x-color-foreground);
    margin: 0;
}

.tasks-panel-actions[b-0dcm3hmddz] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.tasks-panel-urgent-badge[b-0dcm3hmddz] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
}

.tasks-panel-filters[b-0dcm3hmddz] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-4);
    padding-bottom: var(--x-spacing-3);
    border-bottom: 1px solid var(--x-color-border);
}

.tasks-panel-content[b-0dcm3hmddz] {
    min-height: 200px;
}

.tasks-panel-loading[b-0dcm3hmddz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-8);
    color: var(--x-color-muted-foreground);
}

.tasks-panel-empty[b-0dcm3hmddz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-8);
    color: var(--x-color-muted-foreground);
}

.tasks-panel-empty-hint[b-0dcm3hmddz] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.tasks-panel-list[b-0dcm3hmddz] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.tasks-panel-footer[b-0dcm3hmddz] {
    margin-top: var(--x-spacing-4);
}

/* CC-033 Compliant: Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .tasks-panel *[b-0dcm3hmddz] {
        transition: none !important;
    }
}
/* /Components/Dashboard/UnifiedTaskCard.razor.rz.scp.css */
/* SQ-07: UnifiedTaskCard.razor.css - Scoped styles for Unified Task Cards */
/* CC-034 Compliant: Using design tokens and proper CSS isolation */

.unified-task-card[b-7r9nrmavw3] {
    padding: var(--x-spacing-3);
    background: var(--x-color-card);
    border-radius: var(--x-radius-md);
    transition: box-shadow var(--x-transition-normal);
}

.unified-task-card:hover[b-7r9nrmavw3] {
    box-shadow: var(--x-elevation-card-hover);
}

/* v3.44.0 absorption: .unified-task-{urgent,blocking-item,expired} border-left modifier
   classes retired — XCard.AccentColor + AccentBorder render the lib-canonical accent. The
   urgent-state background tint + expired opacity are state-specific affordances that don't
   live on the typed accent surface; they would migrate to a Variant=Soft pattern if/when
   the lib adds it. */

.unified-task-header[b-7r9nrmavw3] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-2);
}

.unified-task-icon[b-7r9nrmavw3] {
    flex-shrink: 0;
    padding: var(--x-spacing-1);
}

.unified-task-meta[b-7r9nrmavw3] {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--x-spacing-2);
}

.unified-task-category[b-7r9nrmavw3] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.unified-task-source[b-7r9nrmavw3] {
    font-size: var(--x-text-xs);
}

.unified-task-blocking[b-7r9nrmavw3] {
    font-size: var(--x-text-xs);
}

.unified-task-body[b-7r9nrmavw3] {
    margin-bottom: var(--x-spacing-3);
}

.unified-task-title[b-7r9nrmavw3] {
    color: var(--x-color-foreground);
    margin: 0 0 var(--x-spacing-1) 0;
}

.unified-task-description[b-7r9nrmavw3] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    margin: 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.unified-task-footer[b-7r9nrmavw3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: var(--x-spacing-2);
    border-top: 1px solid var(--x-color-border);
}

.unified-task-info[b-7r9nrmavw3] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.unified-task-time[b-7r9nrmavw3] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.time-urgent[b-7r9nrmavw3] {
    color: var(--x-color-destructive);
    font-weight: var(--x-font-weight-semibold);
}

.time-warning[b-7r9nrmavw3] {
    color: var(--x-color-warning);
}

.time-expired[b-7r9nrmavw3] {
    color: var(--x-color-destructive);
    font-weight: var(--x-font-weight-bold);
}

.unified-task-priority[b-7r9nrmavw3] {
    font-size: var(--x-text-xs);
}

.unified-task-actions[b-7r9nrmavw3] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

/* CC-033 Compliant: Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .unified-task-card[b-7r9nrmavw3] {
        transition: none;
    }
}
/* /Components/Dashboard/ValueChainGrid.razor.rz.scp.css */
/* Value Chain Grid — 4-column navigation cards
   2026-05-25 design sweep: tightened to match XCard Size="Small" preset
   (Xablu compact card spacing). Padding 5→3, gap 6→3, icon 48→36,
   border-radius lg→md. Hover lift dropped from 2px to 1px in tandem. */

.value-chain-grid[b-i6u1akjwk8] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--x-spacing-3);
}

@media (max-width: 1280px) {
    .value-chain-grid[b-i6u1akjwk8] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .value-chain-grid[b-i6u1akjwk8] {
        grid-template-columns: 1fr;
    }
}

.value-chain-card[b-i6u1akjwk8] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1-5);
    padding: var(--x-spacing-3);
    border-radius: var(--x-radius-md);
    border: 1px solid var(--x-color-border);
    background: var(--x-color-card);
    cursor: pointer;
    transition: border-color var(--x-transition-normal), box-shadow var(--x-transition-normal), transform var(--x-transition-normal);
}

.value-chain-card:hover[b-i6u1akjwk8] {
    border-color: var(--x-color-primary);
    box-shadow: var(--x-elevation-card);
    transform: translateY(-1px);
}

.value-chain-card:focus-visible[b-i6u1akjwk8] {
    outline: 3px solid var(--x-color-primary);
    outline-offset: 2px;
}

.value-chain-icon[b-i6u1akjwk8] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--x-radius-md);
}

/* Color contrast: muted bg + base color text for all icon boxes */
.value-chain-icon--architect[b-i6u1akjwk8]  { background: var(--x-color-primary-muted); color: var(--x-color-primary); }
.value-chain-icon--strategy[b-i6u1akjwk8]   { background: var(--x-color-info-muted); color: var(--x-color-info); }
.value-chain-icon--execution[b-i6u1akjwk8]  { background: var(--x-color-warning-muted); color: var(--x-color-warning); }
.value-chain-icon--dashboard[b-i6u1akjwk8]  { background: var(--x-color-success-muted); color: var(--x-color-success); }

.value-chain-title[b-i6u1akjwk8] {
    margin: 0;
    color: var(--x-color-foreground);
}

.value-chain-description[b-i6u1akjwk8] {
    margin: 0;
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    line-height: 1.4;
    flex: 1;
}

.value-chain-link[b-i6u1akjwk8] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-primary);
}

/* 2026-05-25 design sweep follow-up: dropped the @media (min-width: 1920px)
   "breathe at big screens" breakpoint — DbArchitectureGuardrailTests
   (DB-3 canonical-breakpoints ratchet) only allows 640/768/1024/1280. The
   compact baseline reads fine at all widths; the wide-screen polish is a
   nice-to-have, not load-bearing. Re-add when the canonical-breakpoint set
   officially extends to 1536/1920. */
/* /Components/Dev/EntityLifecycleGallerySection.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=Dev | Bounded-Context=Dev.DesignSystem.EntityLifecycleGallery.Styles | Sprint=v3.77.x-precursor */

.entity-lifecycle-gallery[b-q0jkwu53p0] {
    /* inherits .gallery-section chrome from DevComponentGallery.razor.css */
}

.entity-gallery-toggles[b-q0jkwu53p0] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-3) var(--x-spacing-4);
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    margin-bottom: var(--x-spacing-4);
    font-size: var(--x-text-sm);
}

.entity-toggle[b-q0jkwu53p0] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-2);
    cursor: pointer;
    color: var(--x-color-foreground);
}

.entity-toggle input[type="checkbox"][b-q0jkwu53p0] {
    cursor: pointer;
}

.entity-toggle-meta[b-q0jkwu53p0] {
    margin-left: auto;
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
}

.entity-row[b-q0jkwu53p0] {
    margin-bottom: var(--x-spacing-3);
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    overflow: hidden;
}

.entity-row__header[b-q0jkwu53p0] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-3) var(--x-spacing-4);
    cursor: pointer;
    user-select: none;
    flex-wrap: wrap;
}

.entity-row__header:focus-visible[b-q0jkwu53p0] {
    outline: 2px solid var(--x-color-primary);
    outline-offset: -2px;
}

.entity-row.is-expanded .entity-row__header[b-q0jkwu53p0] {
    border-bottom: 1px solid var(--x-color-border);
}

.entity-row__chevron[b-q0jkwu53p0] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
    width: 1ch;
}

.entity-row__name[b-q0jkwu53p0] {
    font-size: var(--x-text-base);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
    margin: 0;
    margin-right: var(--x-spacing-2);
    text-transform: none;
    letter-spacing: 0;
}

.entity-row__axes[b-q0jkwu53p0] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-2);
    flex: 1;
    min-width: 0;
}

.entity-row__body[b-q0jkwu53p0] {
    padding: var(--x-spacing-4);
}

.entity-state-grid[b-q0jkwu53p0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-4);
}

.entity-state-cell[b-q0jkwu53p0] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.entity-state-cell.is-dimmed[b-q0jkwu53p0] {
    opacity: 0.55;
}

.entity-state-cell.is-internal[b-q0jkwu53p0] {
    position: relative;
}

.entity-state-cell__header[b-q0jkwu53p0] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.entity-state-cell__internal-marker[b-q0jkwu53p0] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    font-style: italic;
}

.entity-sample[b-q0jkwu53p0] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

/* MR-2 (item #18, partial) — header pill on the sample card matches the
   wizard card's type pill so the gallery preview is closer to the real shape. */
.entity-sample__header[b-q0jkwu53p0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-1);
}

.entity-sample__kind-pill[b-q0jkwu53p0] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-primary);
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-sm);
    padding: 2px 6px;
    letter-spacing: 0.04em;
}

.entity-sample__title[b-q0jkwu53p0] {
    font-size: var(--x-text-base);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
}

.entity-sample__subtitle[b-q0jkwu53p0] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
}

.entity-sample__meta[b-q0jkwu53p0] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-1);
    margin-top: var(--x-spacing-1);
}

.entity-sample__cta-row[b-q0jkwu53p0] {
    display: flex;
    gap: var(--x-spacing-2);
    margin-top: var(--x-spacing-2);
}

.entity-row__metadata[b-q0jkwu53p0] {
    display: grid;
    grid-template-columns: minmax(120px, max-content) 1fr;
    gap: var(--x-spacing-2) var(--x-spacing-4);
    margin: 0;
    padding-top: var(--x-spacing-3);
    border-top: 1px dashed var(--x-color-border);
    font-size: var(--x-text-sm);
}

.entity-row__metadata dt[b-q0jkwu53p0] {
    color: var(--x-color-muted-foreground);
    font-weight: var(--x-font-weight-medium);
    text-transform: uppercase;
    font-size: var(--x-text-xs);
    letter-spacing: 0.04em;
    padding-top: 2px;
}

.entity-row__metadata dd[b-q0jkwu53p0] {
    color: var(--x-color-foreground);
    margin: 0;
}

.entity-row__metadata code[b-q0jkwu53p0] {
    font-family: var(--x-font-family-mono);
    font-size: var(--x-text-xs);
    background-color: var(--x-color-muted);
    padding: 1px var(--x-spacing-1);
    border-radius: var(--x-radius-sm);
    color: var(--x-color-foreground);
}

.entity-figma-pending[b-q0jkwu53p0] {
    color: var(--x-color-muted-foreground);
    font-style: italic;
}

.entity-figma-pending__hint[b-q0jkwu53p0] {
    display: inline-block;
    margin-left: var(--x-spacing-2);
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    opacity: 0.75;
}

.entity-figma-link[b-q0jkwu53p0] {
    color: var(--x-color-primary);
    font-weight: var(--x-font-weight-medium);
}

@media (max-width: 1024px) {
    .entity-state-grid[b-q0jkwu53p0] {
        grid-template-columns: 1fr;
    }

    .entity-row__header[b-q0jkwu53p0] {
        flex-direction: column;
        align-items: flex-start;
    }

    .entity-row__axes[b-q0jkwu53p0] {
        width: 100%;
    }
}
/* /Components/Discovery/AiGateRefusals/AiGateRefusalAuditTable.razor.rz.scp.css */
/*
 * Phase 172 UX MR-UX-10 (J3 extension, Gap 1) — /discovery/ai-gate-refusals
 * audit table styling. Mirrors the MR-UX-6 OutboxDlqTable shape so the two
 * oncall surfaces feel like a family.
 *
 * Tokens only: --x-spacing-N, --x-color-*, --x-radius-* — no hex / rgb / px.
 */

.refusal-loading[b-tpx8o0gyic] {
    display: flex;
    justify-content: center;
    padding: var(--x-spacing-6);
}

.refusal-audit-wrap[b-tpx8o0gyic] {
    overflow-x: auto;
    border-radius: var(--x-radius-md);
}

.refusal-audit-table[b-tpx8o0gyic] {
    width: 100%;
    border-collapse: collapse;
    color: var(--x-color-foreground);
}

.refusal-audit-table thead th[b-tpx8o0gyic] {
    text-align: left;
    padding: var(--x-spacing-3) var(--x-spacing-4);
    color: var(--x-color-muted-foreground);
    font-weight: 600;
    border-bottom: 1px solid var(--x-color-border);
}

.refusal-audit-table tbody td[b-tpx8o0gyic] {
    padding: var(--x-spacing-3) var(--x-spacing-4);
    border-bottom: 1px solid var(--x-color-border);
    vertical-align: middle;
}

.refusal-audit-actions-col[b-tpx8o0gyic] {
    width: 1%;
    white-space: nowrap;
}

.refusal-audit-actions[b-tpx8o0gyic] {
    display: flex;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
}
/* /Components/Discovery/AiGateRefusals/AiGateRefusalResolveModal.razor.rz.scp.css */
/*
 * Phase 172 UX MR-UX-10 — confirmation modal for the Mark-resolved row action.
 * Tokens only.
 */

.refusal-modal-body[b-yn8cgo83vg] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.refusal-modal-meta[b-yn8cgo83vg] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    padding: var(--x-spacing-3);
    background: var(--x-color-muted);
    border-radius: var(--x-radius-md);
}

.refusal-modal-context[b-yn8cgo83vg] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.refusal-modal-context-text[b-yn8cgo83vg] {
    margin: 0;
    padding: var(--x-spacing-3);
    background: var(--x-color-muted);
    border-radius: var(--x-radius-md);
    color: var(--x-color-foreground);
    white-space: pre-wrap;
    overflow-x: auto;
    font-family: var(--x-font-mono);
    font-size: var(--x-font-size-sm);
}

.refusal-modal-actions[b-yn8cgo83vg] {
    display: flex;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
}
/* /Components/Discovery/ClassificationPriorCard.razor.rz.scp.css */
/*
 * Phase 172 UX MR-UX-4 — S20 Classification Prior card layout.
 * Tokens only: --x-spacing-N, --x-color-*. No hex / rgb / px literals.
 */

.classification-card-row[b-i79vhgrhvb] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-3);
    margin-top: var(--x-spacing-2);
}

.classification-card-themes[b-i79vhgrhvb] {
    margin-top: var(--x-spacing-3);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.classification-card-chip-row[b-i79vhgrhvb] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--x-spacing-1);
}
/* /Components/Discovery/Dashboard/ReactiveCadenceRow.razor.rz.scp.css */
/*
 * Phase 172 UX MR-UX-4 — S9 + S15 reactive-cadence row layout.
 * Tokens only: --x-spacing-N, --x-color-*. No hex / rgb / px literals.
 */

.reactive-cadence-header[b-lyl2uckgdv] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--x-spacing-3);
    flex-wrap: wrap;
    margin-bottom: var(--x-spacing-3);
}

.reactive-cadence-mode-select[b-lyl2uckgdv] {
    min-width: 18rem;
}
/* /Components/Discovery/EvidenceCard.razor.rz.scp.css */
/*
 * Phase 172 UX MR-UX-4 — S4 Evidence card layout.
 * Tokens only: --x-spacing-N, --x-color-*. No hex / rgb / px literals.
 */

.evidence-card-row[b-8nlmhl02kg] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-3);
    margin-top: var(--x-spacing-2);
}

.evidence-card-reasons[b-8nlmhl02kg] {
    margin-top: var(--x-spacing-3);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.evidence-card-reasons ul[b-8nlmhl02kg] {
    margin: 0;
    padding-inline-start: var(--x-spacing-4);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}
/* /Components/Discovery/OutboxHealth/OutboxDlqTable.razor.rz.scp.css */
/*
 * Phase 172 UX MR-UX-6 — S18 DLQ table on /discovery/outbox-health.
 * Tokens only: --x-spacing-N, --x-color-*, --x-radius-* — no hex / rgb / px,
 * no token fallbacks (R-7: theme is the single source of truth).
 */

.outbox-loading[b-pvx1tgsmtc] {
    display: flex;
    justify-content: center;
    padding: var(--x-spacing-6);
}

.outbox-dlq-wrap[b-pvx1tgsmtc] {
    overflow-x: auto;
    border-radius: var(--x-radius-md);
}

.outbox-dlq-table[b-pvx1tgsmtc] {
    width: 100%;
    border-collapse: collapse;
    color: var(--x-color-foreground);
}

.outbox-dlq-table thead th[b-pvx1tgsmtc] {
    text-align: left;
    padding: var(--x-spacing-3) var(--x-spacing-4);
    color: var(--x-color-muted-foreground);
    font-weight: 600;
    border-bottom: 1px solid var(--x-color-border);
}

.outbox-dlq-table tbody td[b-pvx1tgsmtc] {
    padding: var(--x-spacing-3) var(--x-spacing-4);
    border-bottom: 1px solid var(--x-color-border);
    vertical-align: middle;
}

.outbox-dlq-actions-col[b-pvx1tgsmtc] {
    width: 1%;
    white-space: nowrap;
}

.outbox-dlq-actions[b-pvx1tgsmtc] {
    display: flex;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
}
/* /Components/Discovery/OutboxHealth/OutboxRowActionModal.razor.rz.scp.css */
/*
 * Phase 172 UX MR-UX-6 — S18 confirmation modal (Retry / Dismiss).
 * Tokens only: --x-spacing-N, --x-color-*, --x-radius-* — no hex / rgb / px,
 * no token fallbacks.
 */

.outbox-modal-body[b-h16qr5m8cr] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.outbox-modal-meta[b-h16qr5m8cr] {
    display: flex;
    gap: var(--x-spacing-4);
    color: var(--x-color-muted-foreground);
}

.outbox-modal-error-block[b-h16qr5m8cr],
.outbox-modal-payload-block[b-h16qr5m8cr] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.outbox-modal-error-text[b-h16qr5m8cr],
.outbox-modal-payload-text[b-h16qr5m8cr] {
    margin: 0;
    padding: var(--x-spacing-3);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    background: var(--x-color-muted);
    color: var(--x-color-foreground);
    overflow-x: auto;
    max-height: 12rem;
    font-family: var(--x-font-mono);
    font-size: var(--x-font-size-sm);
    white-space: pre-wrap;
    word-break: break-word;
}

.outbox-modal-actions[b-h16qr5m8cr] {
    display: flex;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
}
/* /Components/Discovery/ReclassifyCandidateDialog.razor.rz.scp.css */
/* Phase 172 UX MR-UX-9 (J8 / S16) — Reclassify dialog styles. Tokens only. */

.reclassify-modal-body[b-pq1qskg1a2] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-2) 0;
    color: var(--x-color-card-foreground);
}

.reclassify-modal-meta[b-pq1qskg1a2] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.reclassify-modal-label[b-pq1qskg1a2] {
    display: block;
    margin-top: var(--x-spacing-2);
    font-weight: 600;
}

.reclassify-modal-select[b-pq1qskg1a2] {
    width: 100%;
    padding: var(--x-spacing-2);
    background: var(--x-color-input);
    color: var(--x-color-foreground);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
}

.reclassify-modal-slider[b-pq1qskg1a2] {
    width: 100%;
    margin-top: var(--x-spacing-1);
}

.reclassify-modal-textarea[b-pq1qskg1a2] {
    width: 100%;
    padding: var(--x-spacing-2);
    background: var(--x-color-input);
    color: var(--x-color-foreground);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    font-family: inherit;
    font-size: inherit;
    resize: vertical;
}

.reclassify-modal-actions[b-pq1qskg1a2] {
    display: flex;
    justify-content: flex-end;
    gap: var(--x-spacing-2);
}
/* /Components/Discovery/StuckCandidatesPanel.razor.rz.scp.css */
/*
 * Phase 172 UX MR-UX-1 — S2 stuck candidates table.
 * Tokens only: --x-spacing-N (xablu spacing scale), --x-color-* (theme tokens),
 * --x-radius-*, --x-transition-* — no hex / rgb / px literals, no token fallbacks
 * (R-7: theme is the single source of truth).
 */

.stuck-loading[b-o54q06h5he] {
    display: flex;
    justify-content: center;
    padding: var(--x-spacing-6);
}

.stuck-table-wrap[b-o54q06h5he] {
    overflow-x: auto;
    border-radius: var(--x-radius-md);
}

.stuck-table[b-o54q06h5he] {
    width: 100%;
    border-collapse: collapse;
    color: var(--x-color-foreground);
}

.stuck-table thead th[b-o54q06h5he] {
    text-align: left;
    padding: var(--x-spacing-3) var(--x-spacing-4);
    color: var(--x-color-muted-foreground);
    font-weight: 600;
    border-bottom: 1px solid var(--x-color-border);
}

.stuck-table tbody td[b-o54q06h5he] {
    padding: var(--x-spacing-3) var(--x-spacing-4);
    border-bottom: 1px solid var(--x-color-border);
    vertical-align: middle;
}

.stuck-row[b-o54q06h5he] {
    cursor: pointer;
    transition: background-color var(--x-transition-fast) ease;
}

.stuck-row:hover[b-o54q06h5he],
.stuck-row:focus-visible[b-o54q06h5he] {
    background: var(--x-color-muted);
    outline: none;
}

.stuck-row:focus-visible[b-o54q06h5he] {
    box-shadow: inset 0 0 0 var(--x-spacing-1) var(--x-color-primary);
}

.stuck-cell-candidate[b-o54q06h5he] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}
/* /Components/Discovery/SyncingPill.razor.rz.scp.css */
/*
 * Phase 172 UX MR-UX-1 — S5 cross-cutting Syncing pill.
 * Tokens only: --x-spacing-N (xablu spacing scale).
 * NO hex / rgb / px literals.
 */

.syncing-pill[b-4oj5bgxnei] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-2);
}
/* /Components/Editorial/EditorialFindingsPanel.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=Execution | Bounded-Context=Execution.ContentEditor | Phase=132.C */

.editorial-findings-panel[b-5lan12nims] {
    width: 280px;
    min-width: 280px;
    border-left: 1px solid var(--x-color-border);
    background: var(--x-color-grey-t-80);
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.editorial-findings-panel--collapsed[b-5lan12nims] {
    width: 32px;
    min-width: 32px;
}

.editorial-findings-panel__toggle[b-5lan12nims] {
    position: absolute;
    top: var(--x-spacing-md);
    left: 0;
    width: 20px;
    height: 56px;
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-left: none;
    border-radius: 0 var(--x-radius-sm) var(--x-radius-sm) 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: var(--x-color-muted-foreground);
    z-index: 1;
}

.editorial-findings-panel__toggle:hover[b-5lan12nims] {
    background: var(--x-color-card-hover);
}

.editorial-findings-panel__toggle-text[b-5lan12nims] {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: var(--x-text-xs);
    letter-spacing: 0.04em;
    font-weight: 600;
}

.editorial-findings-panel__content[b-5lan12nims] {
    padding: var(--x-spacing-md) var(--x-spacing-md) var(--x-spacing-md) calc(var(--x-spacing-md) + 24px);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-md);
    overflow-y: auto;
    height: 100%;
}

.editorial-findings-panel__header[b-5lan12nims] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-sm);
}

.editorial-findings-panel__title[b-5lan12nims] {
    font-weight: 600;
    font-size: var(--x-text-md);
    color: var(--x-color-foreground);
}

.editorial-findings-panel__empty[b-5lan12nims] {
    padding: var(--x-spacing-sm);
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
}

.editorial-findings-panel__findings[b-5lan12nims] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-sm);
}

/* Phase 147 Bundle E-4 — grouped findings: collapsible <details> per rule family. */
.editorial-findings-panel__group[b-5lan12nims] {
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-sm);
    background: var(--x-color-card);
    overflow: hidden;
}

.editorial-findings-panel__group-head[b-5lan12nims] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-xs);
    padding: var(--x-spacing-xs) var(--x-spacing-sm);
    cursor: pointer;
    font-weight: 600;
    list-style: none;
}

.editorial-findings-panel__group-head[b-5lan12nims]::-webkit-details-marker {
    display: none;
}

.editorial-findings-panel__group-icon[b-5lan12nims] {
    font-size: 1.1em;
}

.editorial-findings-panel__group-name[b-5lan12nims] {
    flex: 1;
}

.editorial-findings-panel__group-count[b-5lan12nims] {
    padding: 0 var(--x-spacing-xs);
    border-radius: var(--x-radius-pill);
    background: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
    min-width: 24px;
    text-align: center;
}

.editorial-findings-panel__group .editorial-findings-panel__finding[b-5lan12nims] {
    border-radius: 0;
    border: none;
    border-top: 1px solid var(--x-color-border);
    background: transparent;
}

.editorial-findings-panel__finding[b-5lan12nims] {
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-sm);
    padding: var(--x-spacing-sm);
    background: var(--x-color-card);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-xs);
}

.editorial-findings-panel__finding--error[b-5lan12nims] {
    border-left: 3px solid var(--x-color-danger);
}

.editorial-findings-panel__finding--warning[b-5lan12nims] {
    border-left: 3px solid var(--x-color-warning);
}

.editorial-findings-panel__finding--info[b-5lan12nims] {
    border-left: 3px solid var(--x-color-info);
}

.editorial-findings-panel__finding-head[b-5lan12nims] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-sm);
}

.editorial-findings-panel__finding-rule[b-5lan12nims] {
    font-weight: 600;
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
}

.editorial-findings-panel__finding-offending[b-5lan12nims] {
    font-style: italic;
}

.editorial-findings-panel__finding-actions[b-5lan12nims] {
    display: flex;
    gap: var(--x-spacing-xs);
    flex-wrap: wrap;
    padding-top: var(--x-spacing-xs);
}

.editorial-findings-panel__status[b-5lan12nims] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    min-height: 1em;
}

.editorial-findings-panel__actions[b-5lan12nims] {
    margin-top: auto;
    padding-top: var(--x-spacing-sm);
    border-top: 1px solid var(--x-color-border);
}

.editorial-findings-panel__check-btn[b-5lan12nims] {
    width: 100%;
}
/* /Components/Editorial/EditorialStyleJourneyCard.razor.rz.scp.css */
.editorial-journey-card[b-xr31uza3s2] {
    margin-bottom: 1rem;
}

.editorial-journey-card__intro[b-xr31uza3s2] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.editorial-journey-card__layers[b-xr31uza3s2] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.editorial-journey-card__layer[b-xr31uza3s2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-left: 2px solid var(--x-color-border);
    background: var(--x-color-muted);
    border-radius: 4px;
}

.editorial-journey-card__layer--current[b-xr31uza3s2] {
    border-left-color: var(--x-color-primary);
    background: var(--x-color-primary-muted);
}

.editorial-journey-card__layer > span:nth-child(3)[b-xr31uza3s2] {
    flex: 1;
    color: var(--x-color-muted-foreground);
    font-size: 0.875rem;
}

.editorial-journey-card__here[b-xr31uza3s2] {
    margin-left: auto;
    font-size: 0.75rem;
    font-style: italic;
    color: var(--x-color-muted-foreground);
}
/* /Components/ExecutionHub/AiComparisonModal.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=Execution | Bounded-Context=Execution.ContentEditor | Sprint=CO */

.ai-comparison-modal__backdrop[b-b7qt11g6dt] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--x-spacing-6);
}

.ai-comparison-modal[b-b7qt11g6dt] {
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-card);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
    width: 100%;
    max-width: 800px;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
}

/* ── Header ─────────────────────────────────────────── */

.ai-comparison-modal__header[b-b7qt11g6dt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--x-spacing-4) var(--x-spacing-6);
    border-bottom: 1px solid var(--x-color-border);
}

.ai-comparison-modal__title[b-b7qt11g6dt] {
    font-size: var(--x-text-base);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    margin: 0;
}

.ai-comparison-modal__close-btn[b-b7qt11g6dt] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: var(--x-text-base);
    color: var(--x-color-muted-foreground);
    padding: var(--x-spacing-1) var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
}

.ai-comparison-modal__close-btn:hover[b-b7qt11g6dt] {
    background: var(--x-color-background);
    color: var(--x-color-foreground);
}

/* ── Panels ─────────────────────────────────────────── */

.ai-comparison-modal__panels[b-b7qt11g6dt] {
    display: flex;
    gap: 0;
    flex: 1;
    overflow: hidden;
}

.ai-comparison-modal__panel[b-b7qt11g6dt] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.ai-comparison-modal__panel--original[b-b7qt11g6dt] {
    border-right: 1px solid var(--x-color-border);
}

.ai-comparison-modal__panel-header[b-b7qt11g6dt] {
    padding: var(--x-spacing-3) var(--x-spacing-6);
    border-bottom: 1px solid var(--x-color-border);
    background: var(--x-color-background);
}

.ai-comparison-modal__panel-badge[b-b7qt11g6dt] {
    display: inline-block;
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
}

.ai-comparison-modal__panel-badge--original[b-b7qt11g6dt] {
    background: var(--x-color-muted);
    color: var(--x-color-card-foreground);
}

.ai-comparison-modal__panel-badge--refined[b-b7qt11g6dt] {
    background: var(--x-color-primary-muted);
    color: var(--x-color-primary-hover);
}

.ai-comparison-modal__panel-body[b-b7qt11g6dt] {
    padding: var(--x-spacing-6);
    flex: 1;
    overflow-y: auto;
}

.ai-comparison-modal__text[b-b7qt11g6dt] {
    font-size: var(--x-text-xs);
    line-height: 1.7;
    color: var(--x-color-foreground);
    white-space: pre-wrap;
    margin: 0;
}

/* ── Divider ────────────────────────────────────────── */

.ai-comparison-modal__divider[b-b7qt11g6dt] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0;
    position: relative;
}

.ai-comparison-modal__arrow[b-b7qt11g6dt] {
    position: absolute;
    z-index: 1;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: 50%;
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
}

/* ── Footer ─────────────────────────────────────────── */

.ai-comparison-modal__footer[b-b7qt11g6dt] {
    display: flex;
    justify-content: flex-end;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-4) var(--x-spacing-6);
    border-top: 1px solid var(--x-color-border);
}

.ai-comparison-modal__reject-btn[b-b7qt11g6dt] {
    padding: var(--x-spacing-2) var(--x-spacing-5);
    background: none;
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    color: var(--x-color-foreground);
    font-size: var(--x-text-xs);
    cursor: pointer;
}

.ai-comparison-modal__reject-btn:hover[b-b7qt11g6dt] {
    background: var(--x-color-background);
}

.ai-comparison-modal__accept-btn[b-b7qt11g6dt] {
    padding: var(--x-spacing-2) var(--x-spacing-5);
    background: var(--x-color-primary);
    border: none;
    border-radius: var(--x-radius-md);
    color: var(--x-color-primary-foreground);
    font-size: var(--x-text-xs);
    cursor: pointer;
    font-weight: var(--x-font-weight-medium);
}

.ai-comparison-modal__accept-btn:hover[b-b7qt11g6dt] {
    background: var(--x-color-primary-hover);
}

/* ── Responsive ─────────────────────────────────────── */

@media (max-width: 640px) {
    .ai-comparison-modal__panels[b-b7qt11g6dt] {
        flex-direction: column;
    }

    .ai-comparison-modal__panel--original[b-b7qt11g6dt] {
        border-right: none;
        border-bottom: 1px solid var(--x-color-border);
    }

    .ai-comparison-modal__divider[b-b7qt11g6dt] {
        display: none;
    }
}
/* /Components/ExecutionHub/AiRefinementMenu.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=Execution | Bounded-Context=Execution.ContentEditor | Sprint=CO */

.ai-refinement-menu[b-go1xdogavv] {
    position: absolute;
    z-index: 1000;
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-lg);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    min-width: 180px;
    padding: var(--x-spacing-1);
}

.ai-refinement-menu__actions[b-go1xdogavv],
.ai-refinement-menu__submenu[b-go1xdogavv] {
    display: flex;
    flex-direction: column;
}

.ai-refinement-menu__action-btn[b-go1xdogavv] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-2) var(--x-spacing-3);
    background: none;
    border: none;
    cursor: pointer;
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
    border-radius: var(--x-radius-sm);
    text-align: left;
    width: 100%;
}

.ai-refinement-menu__action-btn:hover[b-go1xdogavv] {
    background-color: var(--x-color-background);
}

.ai-refinement-menu__action-icon[b-go1xdogavv] {
    width: 20px;
    text-align: center;
    font-size: var(--x-text-sm);
}

.ai-refinement-menu__back-btn[b-go1xdogavv] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    padding: var(--x-spacing-1-5) var(--x-spacing-3);
    background: none;
    border: none;
    cursor: pointer;
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.ai-refinement-menu__back-btn:hover[b-go1xdogavv] {
    color: var(--x-color-foreground);
}

.ai-refinement-menu__divider[b-go1xdogavv] {
    height: 1px;
    background: var(--x-color-border);
    margin: var(--x-spacing-1) 0;
}

.ai-refinement-menu__close-btn[b-go1xdogavv] {
    display: block;
    width: 100%;
    padding: var(--x-spacing-1-5) var(--x-spacing-3);
    background: none;
    border: none;
    cursor: pointer;
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    text-align: center;
    border-radius: var(--x-radius-sm);
}

.ai-refinement-menu__close-btn:hover[b-go1xdogavv] {
    background-color: var(--x-color-background);
    color: var(--x-color-foreground);
}

/* ── Custom Input ───────────────────────────────────── */

.ai-refinement-menu__custom[b-go1xdogavv] {
    padding: var(--x-spacing-2);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.ai-refinement-menu__custom-input[b-go1xdogavv] {
    padding: var(--x-spacing-1-5) var(--x-spacing-2-5);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
    background: var(--x-color-card);
    outline: none;
}

.ai-refinement-menu__custom-input:focus[b-go1xdogavv] {
    border-color: var(--x-color-primary);
    box-shadow: 0 0 0 2px var(--x-color-primary-muted);
}

.ai-refinement-menu__custom-actions[b-go1xdogavv] {
    display: flex;
    gap: var(--x-spacing-1-5);
    justify-content: flex-end;
}

.ai-refinement-menu__apply-btn[b-go1xdogavv] {
    padding: var(--x-spacing-1) var(--x-spacing-3);
    background: var(--x-color-primary);
    color: var(--x-color-primary-foreground);
    border: none;
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xxs);
    cursor: pointer;
}

.ai-refinement-menu__apply-btn:hover[b-go1xdogavv] {
    background: var(--x-color-primary-hover);
}

.ai-refinement-menu__cancel-btn[b-go1xdogavv] {
    padding: var(--x-spacing-1) var(--x-spacing-3);
    background: none;
    color: var(--x-color-muted-foreground);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xxs);
    cursor: pointer;
}

.ai-refinement-menu__cancel-btn:hover[b-go1xdogavv] {
    background: var(--x-color-background);
}

/* ── Loading State ──────────────────────────────────── */

.ai-refinement-menu__loading[b-go1xdogavv] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-3) var(--x-spacing-4);
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.ai-refinement-menu__spinner[b-go1xdogavv] {
    width: 16px;
    height: 16px;
    border: 2px solid var(--x-color-border);
    border-top-color: var(--x-color-primary);
    border-radius: 50%;
    animation: ai-menu-spin-b-go1xdogavv 0.7s linear infinite;
}

@keyframes ai-menu-spin-b-go1xdogavv {
    to { transform: rotate(360deg); }
}
/* /Components/ExecutionHub/ContentEditorTab.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=Execution | Bounded-Context=Execution.ContentEditor | Sprint=CO */

.content-editor-tab[b-vorj0gh8om] {
    display: flex;
    height: 100%;
    min-height: 0;
    background: var(--x-color-background);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-lg);
    overflow: hidden;
}

.content-editor-tab__loading[b-vorj0gh8om] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: var(--x-spacing-xl);
}

.content-editor-tab__center[b-vorj0gh8om] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

/* --- Right panel switcher --- */
.content-editor-tab__right-panel-switcher[b-vorj0gh8om] {
    display: flex;
    align-items: flex-start;
    padding: var(--x-spacing-2) 0;
}

.content-editor-tab__panel-switch-btn[b-vorj0gh8om] {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    padding: var(--x-spacing-2) var(--x-spacing-1);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-primary);
    background: var(--x-color-muted);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-sm);
    cursor: pointer;
    transition: background var(--x-transition-normal);
}

.content-editor-tab__panel-switch-btn:hover[b-vorj0gh8om] {
    background: var(--x-color-border);
}
/* /Components/ExecutionHub/ContentLineage.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=Execution | Bounded-Context=Execution.ContentLineage | Sprint=CO */

.content-lineage[b-rci4yxmcee] {
    padding: var(--x-spacing-md);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    background: var(--x-color-card);
}

.content-lineage__empty[b-rci4yxmcee] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--x-spacing-lg) var(--x-spacing-md);
    gap: var(--x-spacing-sm);
}

.content-lineage__empty-icon[b-rci4yxmcee] {
    font-size: var(--x-text-xl);
    opacity: 0.4;
}

.content-lineage__empty-text[b-rci4yxmcee] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
}

.content-lineage__chain[b-rci4yxmcee] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-xs);
    overflow-x: auto;
    padding: var(--x-spacing-xs) 0;
}

.content-lineage__node[b-rci4yxmcee] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-0-5);
    padding: var(--x-spacing-sm) var(--x-spacing-md);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    background: var(--x-color-background);
    min-width: 80px;
    max-width: 140px;
    flex-shrink: 0;
    transition: border-color var(--x-transition-normal), background-color var(--x-transition-normal);
}

.content-lineage__node:hover[b-rci4yxmcee] {
    border-color: var(--x-color-primary);
    background: var(--x-color-primary-muted);
}

.content-lineage__node--active[b-rci4yxmcee] {
    border-color: var(--x-color-primary);
    background: var(--x-color-primary-muted);
    box-shadow: 0 0 0 2px var(--x-color-primary-muted);
}

.content-lineage__node--placeholder[b-rci4yxmcee] {
    border-style: dashed;
    opacity: 0.55;
}

.content-lineage__node--placeholder:hover[b-rci4yxmcee] {
    opacity: 0.75;
}

.content-lineage__node--signal[b-rci4yxmcee] {
    border-color: var(--x-color-info-muted);
}

.content-lineage__node--idea[b-rci4yxmcee] {
    border-color: var(--x-color-warning-muted);
}

.content-lineage__node--brief[b-rci4yxmcee] {
    border-color: var(--x-color-secondary-muted);
}

.content-lineage__node--asset[b-rci4yxmcee] {
    border-color: var(--x-color-primary-muted);
}

.content-lineage__node--calendar[b-rci4yxmcee] {
    border-color: var(--x-color-success-muted);
}

.content-lineage__node--published[b-rci4yxmcee] {
    border-color: var(--x-color-success-muted);
    background: var(--x-color-success-muted);
}

.content-lineage__node-icon[b-rci4yxmcee] {
    font-size: var(--x-text-base);
    line-height: 1;
}

.content-lineage__node-title[b-rci4yxmcee] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    text-align: center;
    word-break: break-word;
    line-height: 1.3;
}

.content-lineage__node-meta[b-rci4yxmcee] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    text-align: center;
}

.content-lineage__arrow[b-rci4yxmcee] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    padding-top: var(--x-spacing-md);
    flex-shrink: 0;
}

.content-lineage__arrow--dashed[b-rci4yxmcee] {
    opacity: 0.4;
}
/* /Components/ExecutionHub/ContentLineageTab.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=ExecutionHub | Bounded-Context=ExecutionHub.ContentLineage */

.widget-card[b-3r8estuuo9] {
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-card);
    box-shadow: var(--x-elevation-sm);
    padding: var(--x-spacing-5);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.eh-lineage-scroll-wrapper[b-3r8estuuo9]  .eh-lineage-scroll {
    padding: var(--x-spacing-6) var(--x-spacing-5);
}

.lineage-empty-icon[b-3r8estuuo9] {
    color: var(--x-color-border);
    margin-bottom: var(--x-spacing-2);
}

.lineage-empty-hint[b-3r8estuuo9] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    margin-top: var(--x-spacing-1);
    text-align: center;
    max-width: 280px;
}

.lineage-no-data[b-3r8estuuo9] {
    margin-top: var(--x-spacing-4);
}

.lineage-chain-card[b-3r8estuuo9] {
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-card);
    box-shadow: var(--x-elevation-sm);
    padding: var(--x-spacing-5);
}

.lineage-summary-row[b-3r8estuuo9] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
    margin-top: var(--x-spacing-3);
}

.lineage-prompt[b-3r8estuuo9] {
    padding: var(--x-spacing-6);
    text-align: center;
}
/* /Components/ExecutionHub/DraftSelector.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=Execution | Bounded-Context=Execution.ContentEditor | Sprint=CN */

.draft-selector[b-cx4xic0y1e] {
    width: 240px;
    min-width: 240px;
    border-right: 1px solid var(--x-color-border);
    background: var(--x-color-grey-t-80);
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.draft-selector__header[b-cx4xic0y1e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--x-spacing-md);
    border-bottom: 1px solid var(--x-color-border);
    flex-shrink: 0;
}

.draft-selector__title[b-cx4xic0y1e] {
    font-weight: var(--x-font-weight-semibold);
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
}

.draft-selector__count[b-cx4xic0y1e] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    background: var(--x-color-background);
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-full);
}

.draft-selector__list[b-cx4xic0y1e] {
    flex: 1;
    overflow-y: auto;
    padding: var(--x-spacing-xs);
}

.draft-selector__empty[b-cx4xic0y1e] {
    padding: var(--x-spacing-lg);
    text-align: center;
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
}

.draft-item[b-cx4xic0y1e] {
    display: block;
    width: 100%;
    text-align: left;
    background: none;
    border: 1px solid transparent;
    border-left: 3px solid transparent;
    border-radius: var(--x-radius-md);
    padding: var(--x-spacing-sm) var(--x-spacing-md);
    margin-bottom: var(--x-spacing-xs);
    cursor: pointer;
    transition: background var(--x-transition-normal), border-color var(--x-transition-normal);
}

.draft-item:hover[b-cx4xic0y1e] {
    background: var(--x-color-card-hover);
}

.draft-item--active[b-cx4xic0y1e] {
    background: var(--x-color-card);
    border-left: 3px solid var(--x-color-primary);
}

.draft-item__top[b-cx4xic0y1e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--x-spacing-xs);
}

.draft-item__channel[b-cx4xic0y1e] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-bold);
    color: var(--x-color-primary);
    font-family: monospace;
}

.draft-item__status[b-cx4xic0y1e] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    padding: 1px var(--x-spacing-1-5);
    border-radius: var(--x-radius-sm);
}

.draft-item__status--editing[b-cx4xic0y1e] {
    color: var(--x-color-warning);
    background: var(--x-color-warning-muted);
}

.draft-item__status--draft[b-cx4xic0y1e] {
    color: var(--x-color-muted-foreground);
    background: var(--x-color-background);
}

.draft-item__status--review[b-cx4xic0y1e] {
    color: var(--x-color-info);
    background: var(--x-color-info-muted);
}

.draft-item__status--approved[b-cx4xic0y1e] {
    color: var(--x-color-success);
    background: var(--x-color-success-muted);
}

.draft-item__title[b-cx4xic0y1e] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.draft-item__meta[b-cx4xic0y1e] {
    margin-top: var(--x-spacing-xs);
}

.draft-item__time[b-cx4xic0y1e] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}
/* /Components/ExecutionHub/EditorBriefPanel.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=Execution | Bounded-Context=Execution.ContentEditor | Sprint=CX */

.brief-panel[b-g13m4uqm6u] {
    width: 280px;
    min-width: 280px;
    border-left: 1px solid var(--x-color-border);
    background: var(--x-color-grey-t-80);
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.brief-panel--collapsed[b-g13m4uqm6u] {
    width: 32px;
    min-width: 32px;
}

.brief-panel__toggle[b-g13m4uqm6u] {
    position: absolute;
    top: var(--x-spacing-md);
    left: 0;
    width: 20px;
    height: 56px;
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-left: none;
    border-radius: 0 var(--x-radius-sm) var(--x-radius-sm) 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: var(--x-color-muted-foreground);
    z-index: 1;
}

.brief-panel__toggle:hover[b-g13m4uqm6u] {
    background: var(--x-color-card-hover);
}

.brief-panel__toggle-text[b-g13m4uqm6u] {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    letter-spacing: 0.08em;
    color: var(--x-color-muted-foreground);
    user-select: none;
}

.brief-panel__content[b-g13m4uqm6u] {
    flex: 1;
    overflow-y: auto;
    padding: var(--x-spacing-md);
    padding-left: 40px;
}

.brief-panel__header[b-g13m4uqm6u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--x-spacing-md);
    padding-bottom: var(--x-spacing-sm);
    border-bottom: 1px solid var(--x-color-border);
}

.brief-panel__title[b-g13m4uqm6u] {
    font-weight: var(--x-font-weight-semibold);
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
}

.brief-panel__status[b-g13m4uqm6u] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-full);
    text-transform: uppercase;
}

.brief-panel__status--draft[b-g13m4uqm6u] {
    color: var(--x-color-warning);
    background: var(--x-color-warning-muted);
}

.brief-panel__status--approved[b-g13m4uqm6u] {
    color: var(--x-color-success);
    background: var(--x-color-success-muted);
}

.brief-panel__status--rejected[b-g13m4uqm6u] {
    color: var(--x-color-destructive);
    background: var(--x-color-destructive-muted);
}

.brief-panel__empty[b-g13m4uqm6u] {
    padding: var(--x-spacing-lg);
    text-align: center;
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
}

.brief-panel__sections[b-g13m4uqm6u] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-md);
}

.brief-panel__field[b-g13m4uqm6u] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-xs);
}

.brief-panel__label[b-g13m4uqm6u] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.brief-panel__value[b-g13m4uqm6u] {
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
}

.brief-panel__hook[b-g13m4uqm6u] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    line-height: 1.5;
    font-style: italic;
    margin: 0;
}

.brief-panel__points[b-g13m4uqm6u] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.brief-panel__point[b-g13m4uqm6u] {
    margin-bottom: var(--x-spacing-xs);
}

.brief-panel__checkbox-label[b-g13m4uqm6u] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-xs);
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
    cursor: pointer;
    line-height: 1.4;
}

.brief-panel__checkbox-label input[type="checkbox"][b-g13m4uqm6u] {
    margin-top: 3px;
    flex-shrink: 0;
}

.brief-panel__point--done[b-g13m4uqm6u] {
    text-decoration: line-through;
    color: var(--x-color-muted-foreground);
}
/* /Components/ExecutionHub/EditorMainArea.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=Execution | Bounded-Context=Execution.ContentEditor | Sprint=CN */

.editor-main[b-iw0qmrgnps] {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.editor-main__topbar[b-iw0qmrgnps] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--x-spacing-sm) var(--x-spacing-md);
    border-bottom: 1px solid var(--x-color-border);
    background: var(--x-color-card);
    flex-shrink: 0;
}

.editor-main__meta[b-iw0qmrgnps] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-sm);
}

.editor-main__channel-label[b-iw0qmrgnps] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-primary);
    background: var(--x-color-primary);
    padding: var(--x-spacing-0-5) var(--x-spacing-2-5);
    border-radius: var(--x-radius-full);
}

.editor-main__persona-label[b-iw0qmrgnps] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    background: var(--x-color-background);
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-full);
}

.editor-main__mode-toggle[b-iw0qmrgnps] {
    display: flex;
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    overflow: hidden;
}

.editor-main__mode-btn[b-iw0qmrgnps] {
    background: none;
    border: none;
    padding: var(--x-spacing-xs) var(--x-spacing-md);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
    cursor: pointer;
    transition: background var(--x-transition-normal), color var(--x-transition-normal);
}

.editor-main__mode-btn:hover[b-iw0qmrgnps] {
    background: var(--x-color-card-hover);
}

.editor-main__mode-btn--active[b-iw0qmrgnps] {
    background: var(--x-color-primary);
    color: var(--x-color-primary-foreground);
}

.editor-main__body[b-iw0qmrgnps] {
    flex: 1;
    overflow-y: auto;
    padding: var(--x-spacing-md);
}

.editor-main__sections[b-iw0qmrgnps] {
    display: flex;
    flex-direction: column;
}

.editor-main__add-section[b-iw0qmrgnps] {
    width: 100%;
    padding: var(--x-spacing-sm);
    margin-top: var(--x-spacing-sm);
    background: none;
    border: 2px dashed var(--x-color-border);
    border-radius: var(--x-radius-md);
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    cursor: pointer;
    transition: border-color var(--x-transition-normal), color var(--x-transition-normal);
}

.editor-main__add-section:hover[b-iw0qmrgnps] {
    border-color: var(--x-color-primary);
    color: var(--x-color-primary);
}
/* /Components/ExecutionHub/EditorPreview.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=Execution | Bounded-Context=Execution.ContentEditor | Sprint=CN */

.editor-preview[b-4666gcxw9q] {
    display: flex;
    justify-content: center;
    padding: var(--x-spacing-lg);
    overflow-y: auto;
    height: 100%;
}

.editor-preview__container[b-4666gcxw9q] {
    width: 100%;
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-lg);
    padding: var(--x-spacing-xl);
}

.editor-preview__platform-label[b-4666gcxw9q] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--x-spacing-md);
    padding-bottom: var(--x-spacing-sm);
    border-bottom: 1px solid var(--x-color-border);
}

.editor-preview__content[b-4666gcxw9q] {
    font-size: var(--x-text-sm);
    line-height: 1.7;
    color: var(--x-color-foreground);
}

.editor-preview__content[b-4666gcxw9q]  h2 {
    font-size: var(--x-text-xl);
    font-weight: var(--x-font-weight-bold);
    margin: var(--x-spacing-lg) 0 var(--x-spacing-sm);
    color: var(--x-color-foreground);
}

.editor-preview__content[b-4666gcxw9q]  h3 {
    font-size: var(--x-text-lg);
    font-weight: var(--x-font-weight-semibold);
    margin: var(--x-spacing-md) 0 var(--x-spacing-sm);
    color: var(--x-color-foreground);
}

.editor-preview__content[b-4666gcxw9q]  h4 {
    font-size: var(--x-text-base);
    font-weight: var(--x-font-weight-semibold);
    margin: var(--x-spacing-md) 0 var(--x-spacing-xs);
    color: var(--x-color-foreground);
}

.editor-preview__content[b-4666gcxw9q]  p {
    margin-bottom: var(--x-spacing-md);
}

.editor-preview__content[b-4666gcxw9q]  strong {
    font-weight: var(--x-font-weight-bold);
}

.editor-preview__content[b-4666gcxw9q]  em {
    font-style: italic;
}

.editor-preview__placeholder[b-4666gcxw9q] {
    color: var(--x-color-muted-foreground);
    font-style: italic;
}
/* /Components/ExecutionHub/EditorSection.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=Execution | Bounded-Context=Execution.ContentEditor | Sprint=CO */

.editor-section[b-ne2mgwj7qa] {
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    background: var(--x-color-card);
    margin-bottom: var(--x-spacing-sm);
    box-shadow: var(--x-elevation-sm);
    transition: border-color var(--x-transition-normal), box-shadow var(--x-transition-normal);
}

.editor-section--collapsed[b-ne2mgwj7qa] {
    opacity: 0.85;
}

.editor-section--drag-over[b-ne2mgwj7qa] {
    border-color: var(--x-color-primary);
    box-shadow: 0 0 0 2px var(--x-color-primary);
}

.editor-section__drag-handle[b-ne2mgwj7qa] {
    cursor: grab;
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-base);
    line-height: 1;
    padding: 0 var(--x-spacing-0-5);
    user-select: none;
    flex-shrink: 0;
}

.editor-section__drag-handle:hover[b-ne2mgwj7qa] {
    color: var(--x-color-muted-foreground);
}

.editor-section__drag-handle:active[b-ne2mgwj7qa] {
    cursor: grabbing;
}

.editor-section__header[b-ne2mgwj7qa] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-sm);
    padding: var(--x-spacing-4) var(--x-spacing-2);
    background-color: var(--x-color-grey-t-80);
    cursor: pointer;
    user-select: none;
    border-bottom: 1px solid transparent;
}

.editor-section:not(.editor-section--collapsed) .editor-section__header[b-ne2mgwj7qa] {
    border-bottom-color: var(--x-color-border);
}

.editor-section__collapse-btn[b-ne2mgwj7qa] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
    line-height: 1;
    width: 20px;
    text-align: center;
}

.editor-section__chevron[b-ne2mgwj7qa] {
    font-size: var(--x-text-xxs);
}

.editor-section__title[b-ne2mgwj7qa] {
    flex: 1;
    font-weight: var(--x-font-weight-semibold);
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
    cursor: text;
}

.editor-section__title-input[b-ne2mgwj7qa] {
    flex: 1;
    font-weight: var(--x-font-weight-semibold);
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
    background: var(--x-color-background);
    border: 1px solid var(--x-color-ring);
    border-radius: var(--x-radius-sm);
    padding: 2px var(--x-spacing-xs);
    outline: none;
}

.editor-section__remove-btn[b-ne2mgwj7qa] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
    padding: var(--x-spacing-0-5) var(--x-spacing-1-5);
    border-radius: var(--x-radius-sm);
    line-height: 1;
}

.editor-section__remove-btn:hover[b-ne2mgwj7qa] {
    color: var(--x-color-destructive);
    background: var(--x-color-destructive-muted);
}

.editor-section__body[b-ne2mgwj7qa] {
    padding: var(--x-spacing-4);
    position: relative;
}

.editor-section__textarea[b-ne2mgwj7qa] {
    width: 100%;
    border: none;
    outline: none;
    resize: vertical;
    font-size: var(--x-text-sm);
    line-height: 1.7;
    color: var(--x-color-foreground);
    background: transparent;
    min-height: 100px;
}

.editor-section__textarea[b-ne2mgwj7qa]::placeholder {
    color: var(--x-color-muted-foreground);
}
/* /Components/ExecutionHub/EditorToolbar.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=Execution | Bounded-Context=Execution.ContentEditor | Sprint=CX */

.editor-toolbar[b-5m9m2u2mem] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-lg);
    padding: var(--x-spacing-sm) var(--x-spacing-md);
    border-top: 1px solid var(--x-color-border);
    background: var(--x-color-card);
    flex-shrink: 0;
}

.editor-toolbar__stats[b-5m9m2u2mem] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-xs);
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    flex-shrink: 0;
}

.editor-toolbar__stat-value[b-5m9m2u2mem] {
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
}

.editor-toolbar__stat-divider[b-5m9m2u2mem] {
    color: var(--x-color-border);
    margin: 0 2px;
}

.editor-toolbar__limit[b-5m9m2u2mem] {
    flex: 1;
    min-width: 120px;
    max-width: 280px;
}

.editor-toolbar__limit-info[b-5m9m2u2mem] {
    display: flex;
    justify-content: space-between;
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    margin-bottom: 3px;
}

.editor-toolbar__limit-label[b-5m9m2u2mem] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.editor-toolbar__limit-count[b-5m9m2u2mem] {
    font-weight: var(--x-font-weight-semibold);
    flex-shrink: 0;
    margin-left: var(--x-spacing-xs);
}

.editor-toolbar__limit-count--over[b-5m9m2u2mem] {
    color: var(--x-color-destructive);
}

.editor-toolbar__progress-track[b-5m9m2u2mem] {
    height: 4px;
    background: var(--x-color-background);
    border-radius: var(--x-radius-full);
    overflow: hidden;
}

.editor-toolbar__progress-fill[b-5m9m2u2mem] {
    height: 100%;
    background: var(--x-color-primary);
    border-radius: var(--x-radius-full);
    transition: width var(--x-transition-normal);
}

.editor-toolbar__progress-fill--warning[b-5m9m2u2mem] {
    background: var(--x-color-warning);
}

.editor-toolbar__progress-fill--over[b-5m9m2u2mem] {
    background: var(--x-color-destructive);
}

.editor-toolbar__actions[b-5m9m2u2mem] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-md);
    flex-shrink: 0;
    margin-left: auto;
}

.editor-toolbar__last-saved[b-5m9m2u2mem] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    white-space: nowrap;
}

/* AI action buttons */
.editor-toolbar__ai-actions[b-5m9m2u2mem] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-xs);
    flex-shrink: 0;
}

.editor-toolbar__ai-btn[b-5m9m2u2mem] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
    padding: var(--x-spacing-1) var(--x-spacing-2);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-primary);
    background: var(--x-color-primary-muted);
    border: 1px solid var(--x-color-primary-muted);
    border-radius: var(--x-radius-button);
    cursor: pointer;
    transition: background-color var(--x-transition-normal), color var(--x-transition-normal);
    white-space: nowrap;
}

.editor-toolbar__ai-btn:hover:not(:disabled)[b-5m9m2u2mem] {
    background: var(--x-color-primary);
    color: var(--x-color-primary-foreground);
    border-color: var(--x-color-primary);
}

.editor-toolbar__ai-btn:disabled[b-5m9m2u2mem] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Phase 147 Bundle E-6 — tone preset picker + custom-prompt modal body. */
.editor-toolbar__tone-select[b-5m9m2u2mem] {
    min-width: 140px;
}

.editor-toolbar__custom-prompt-body[b-5m9m2u2mem] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}
/* /Components/ExecutionHub/MiWritingSidebar.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=Execution | Bounded-Context=Execution.ContentEditor | Sprint=CO */
/* Sprint CO (CO-4): MI-Assisted Writing Sidebar styles. */

.mi-sidebar[b-ko0qtwwicr] {
    display: flex;
    flex-direction: row;
    min-width: 0;
    border-left: 1px solid var(--x-color-border);
    background: var(--x-color-background);
    transition: width var(--x-transition-normal);
    width: 320px;
    flex-shrink: 0;
}

.mi-sidebar--collapsed[b-ko0qtwwicr] {
    width: 32px;
}

.mi-sidebar__toggle[b-ko0qtwwicr] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    min-width: 24px;
    background: var(--x-color-background);
    border: none;
    border-right: 1px solid var(--x-color-border);
    cursor: pointer;
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
    padding: 0;
}

.mi-sidebar__toggle:hover[b-ko0qtwwicr] {
    background: var(--x-color-muted);
}

.mi-sidebar__content[b-ko0qtwwicr] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.mi-sidebar__header[b-ko0qtwwicr] {
    display: flex;
    align-items: center;
    padding: var(--x-spacing-3) var(--x-spacing-4) var(--x-spacing-2);
    border-bottom: 1px solid var(--x-color-border);
}

.mi-sidebar__title[b-ko0qtwwicr] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
}

/* --- Body --- */
.mi-sidebar__body[b-ko0qtwwicr] {
    flex: 1;
    overflow-y: auto;
    padding: var(--x-spacing-2) var(--x-spacing-3);
}

.mi-sidebar__loading[b-ko0qtwwicr] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--x-spacing-lg);
}

.mi-sidebar__empty[b-ko0qtwwicr] {
    text-align: center;
    padding: var(--x-spacing-lg) var(--x-spacing-md);
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
    line-height: 1.5;
}

/* --- Search --- */
.mi-sidebar__search[b-ko0qtwwicr] {
    margin-bottom: var(--x-spacing-2);
}

.mi-sidebar__search-input[b-ko0qtwwicr] {
    width: 100%;
    padding: var(--x-spacing-1-5) var(--x-spacing-2-5);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xs);
    background: var(--x-color-background);
    color: var(--x-color-foreground);
    outline: none;
    box-sizing: border-box;
}

.mi-sidebar__search-input:focus[b-ko0qtwwicr] {
    border-color: var(--x-color-primary);
}

/* --- Card list --- */
.mi-sidebar__list[b-ko0qtwwicr] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.mi-sidebar__card[b-ko0qtwwicr] {
    padding: var(--x-spacing-2-5) var(--x-spacing-3);
    background: var(--x-color-muted);
    border-radius: var(--x-radius-sm);
    border: 1px solid var(--x-color-border);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1-5);
}

.mi-sidebar__card-header[b-ko0qtwwicr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-1-5);
    min-width: 0;
}

.mi-sidebar__keyword-text[b-ko0qtwwicr],
.mi-sidebar__competitor-name[b-ko0qtwwicr] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.mi-sidebar__signal-title[b-ko0qtwwicr] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-width: 0;
}

.mi-sidebar__jtbd-statement[b-ko0qtwwicr] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    line-height: 1.4;
}

.mi-sidebar__signal-body[b-ko0qtwwicr],
.mi-sidebar__card-summary[b-ko0qtwwicr] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    line-height: 1.4;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* --- Badges --- */
.mi-sidebar__badge[b-ko0qtwwicr] {
    display: inline-block;
    padding: 1px var(--x-spacing-1-5);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    white-space: nowrap;
    flex-shrink: 0;
}

.mi-sidebar__badge--frequency[b-ko0qtwwicr] {
    background: var(--x-color-info-muted);
    color: var(--x-color-info);
}

.mi-sidebar__badge--voice[b-ko0qtwwicr] {
    background: var(--x-color-primary-muted);
    color: var(--x-color-primary-hover);
}

.mi-sidebar__badge--cwc[b-ko0qtwwicr] {
    background: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.mi-sidebar__badge--tier[b-ko0qtwwicr] {
    background: var(--x-color-success-muted);
    color: var(--x-color-success);
}

.mi-sidebar__voice-badges[b-ko0qtwwicr] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-1);
}

/* --- Insert button --- */
.mi-sidebar__insert-btn[b-ko0qtwwicr] {
    align-self: flex-start;
    padding: 3px var(--x-spacing-2-5);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-primary);
    background: transparent;
    border: 1px solid var(--x-color-primary);
    border-radius: var(--x-radius-sm);
    cursor: pointer;
    transition: background var(--x-transition-normal), color var(--x-transition-normal);
}

.mi-sidebar__insert-btn:hover[b-ko0qtwwicr] {
    background: var(--x-color-primary);
    color: var(--x-color-card);
}
/* /Components/ExecutionHub/OpsRoutineCard.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=ExecutionHub | Bounded-Context=ExecutionHub.OpsRoutines.Card.Styles | Sprint=CN */

/* v3.44.0 absorption: raw card shell + 6 .routine-card--cat-* border-left modifier classes
   retired — XCard provides background / border / radius / hover-shadow; AccentColor + AccentBorder
   render the lib-canonical category accent (3px top-edge). The disabled-state opacity stays as a
   state-specific affordance. */

.routine-card--disabled[b-0dycjng1k9] {
    opacity: 0.65;
}

.routine-card-header[b-0dycjng1k9] {
    margin-bottom: var(--x-spacing-2);
}

.routine-card-title-row[b-0dycjng1k9] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-1);
}

.routine-card-name[b-0dycjng1k9] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

.routine-card-status[b-0dycjng1k9] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    flex-shrink: 0;
}

.routine-card-status--success[b-0dycjng1k9] { color: var(--x-color-success); }
.routine-card-status--error[b-0dycjng1k9]   { color: var(--x-color-destructive-hover); }
.routine-card-status--running[b-0dycjng1k9] { color: var(--x-color-primary); }
.routine-card-status--idle[b-0dycjng1k9]    { color: var(--x-color-muted-foreground); }

.routine-card-description[b-0dycjng1k9] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    line-height: 1.4;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.routine-card-schedule[b-0dycjng1k9] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
    margin-bottom: var(--x-spacing-3);
}

.routine-card-meta[b-0dycjng1k9] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.routine-card-meta-dot[b-0dycjng1k9] {
    color: var(--x-color-border);
    font-size: var(--x-text-xxs);
}

.routine-card-stats[b-0dycjng1k9] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-2) var(--x-spacing-2-5);
    background-color: var(--x-color-grey-t-80);
    border-radius: var(--x-radius-sm);
    margin-bottom: var(--x-spacing-3);
}

.routine-card-stat[b-0dycjng1k9] {
    display: flex;
    flex-direction: column;
}

.routine-card-stat-label[b-0dycjng1k9] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.routine-card-stat-value[b-0dycjng1k9] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

.routine-card-actions[b-0dycjng1k9] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.routine-card-toggle[b-0dycjng1k9] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
    padding: var(--x-spacing-1) var(--x-spacing-2-5);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    border-radius: var(--x-radius-sm);
}

.routine-card-toggle--active[b-0dycjng1k9] {
    background: var(--x-color-success-muted);
    color: var(--x-color-success);
    border: 1px solid var(--x-color-success-muted);
}

.routine-card-toggle--inactive[b-0dycjng1k9] {
    background: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
    border: 1px solid var(--x-color-border);
}

.routine-card-toggle-indicator[b-0dycjng1k9] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--x-color-border);
}

.routine-card-toggle--active .routine-card-toggle-indicator[b-0dycjng1k9] {
    background: var(--x-color-success);
}

.routine-card-toggle--inactive .routine-card-toggle-indicator[b-0dycjng1k9] {
    background: var(--x-color-muted-foreground);
}

.routine-card-run-btn[b-0dycjng1k9] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
    padding: var(--x-spacing-1) var(--x-spacing-2-5);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-primary-hover);
    background: var(--x-color-primary-muted);
    border: 1px solid var(--x-color-primary-muted);
    border-radius: var(--x-radius-sm);
    cursor: pointer;
    transition: background-color var(--x-transition-normal);
}

.routine-card-run-btn:hover:not(:disabled)[b-0dycjng1k9] {
    background: var(--x-color-primary-muted);
}

.routine-card-run-btn:disabled[b-0dycjng1k9] {
    opacity: 0.6;
    cursor: not-allowed;
}

.routine-card-running-indicator[b-0dycjng1k9] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-primary);
}

.routine-card-spinner[b-0dycjng1k9] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 2px solid var(--x-color-primary-muted);
    border-top-color: var(--x-color-primary);
    border-radius: 50%;
    animation: routine-spin-b-0dycjng1k9 1s linear infinite;
}

@keyframes routine-spin-b-0dycjng1k9 {
    to { transform: rotate(360deg); }
}

/* Reduced motion — CC-033 */
@media (prefers-reduced-motion: reduce) {
    .routine-card[b-0dycjng1k9],
    .routine-card-run-btn[b-0dycjng1k9] {
        transition: none;
    }

    .routine-card-spinner[b-0dycjng1k9] {
        animation: none;
    }
}
/* /Components/ExecutionHub/OpsRoutinesTab.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=ExecutionHub | Bounded-Context=ExecutionHub.OpsRoutines.Styles | Sprint=CN */

.ops-tab[b-fdhn1lgbc5] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-5);
}

/* Health strip */
.ops-health-strip[b-fdhn1lgbc5] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-6);
    padding: var(--x-spacing-4);
    background-color: var(--x-color-grey-t-80);
    border-radius: var(--x-radius);
    border: 1px solid var(--x-color-border);
}

.ops-health-metric[b-fdhn1lgbc5] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.ops-health-metric--primary[b-fdhn1lgbc5] {
    gap: var(--x-spacing-3);
}

.ops-health-icon[b-fdhn1lgbc5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--x-radius);
    font-size: var(--x-text-base);
}

.ops-health-icon--active[b-fdhn1lgbc5] {
    background-color: var(--x-color-success-muted);
}

.ops-health-body[b-fdhn1lgbc5] {
    display: flex;
    flex-direction: column;
}

.ops-health-value[b-fdhn1lgbc5] {
    font-size: var(--x-text-xl);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    line-height: 1;
}

.ops-health-value--sm[b-fdhn1lgbc5] { font-size: var(--x-text-xs); }
.ops-health-value--primary[b-fdhn1lgbc5] { color: var(--x-color-primary-hover); }
.ops-health-value--success[b-fdhn1lgbc5] { color: var(--x-color-success); }
.ops-health-value--danger[b-fdhn1lgbc5]  { color: var(--x-color-destructive); }

.ops-health-label[b-fdhn1lgbc5] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    margin-top: var(--x-spacing-0-5);
}

.ops-health-indicator[b-fdhn1lgbc5] {
    font-size: var(--x-text-sm);
}

.ops-health-divider[b-fdhn1lgbc5] {
    width: 1px;
    height: 32px;
    background-color: var(--x-color-border);
}

.ops-health-manage[b-fdhn1lgbc5] {
    margin-left: auto;
}

.ops-health-manage-link[b-fdhn1lgbc5] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-primary);
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}

.ops-health-manage-link:hover[b-fdhn1lgbc5] {
    color: var(--x-color-primary-hover);
    text-decoration: underline;
}

/* Filter bar */
.ops-filter-bar[b-fdhn1lgbc5] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
}

.ops-filter-search[b-fdhn1lgbc5] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-1-5) var(--x-spacing-3);
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius);
    min-width: 220px;
}

.ops-filter-search-icon[b-fdhn1lgbc5] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    flex-shrink: 0;
}

.ops-filter-search input[b-fdhn1lgbc5] {
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
    border: none;
    outline: none;
    background: transparent;
    flex: 1;
    min-width: 0;
}

.ops-category-pills[b-fdhn1lgbc5] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    padding: var(--x-spacing-1);
    background-color: var(--x-color-muted);
    border-radius: var(--x-radius);
}

.ops-category-pill[b-fdhn1lgbc5] {
    padding: var(--x-spacing-1) var(--x-spacing-2-5);
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    background: transparent;
    border-radius: calc(var(--x-radius) - 2px);
    border: none;
    cursor: pointer;
    white-space: nowrap;
    transition: all var(--x-transition-normal);
}

.ops-category-pill--active[b-fdhn1lgbc5] {
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-primary-hover);
    background-color: var(--x-color-card);
    box-shadow: var(--x-elevation-sm);
}

/* Category groups */
.ops-category-group[b-fdhn1lgbc5] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.ops-category-header[b-fdhn1lgbc5] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.ops-category-icon[b-fdhn1lgbc5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-sm);
}

.ops-category-icon--ingestion[b-fdhn1lgbc5]      { background: var(--x-color-primary-muted); }
.ops-category-icon--classification[b-fdhn1lgbc5]  { background: var(--x-color-secondary-muted); }
.ops-category-icon--ideation[b-fdhn1lgbc5]        { background: var(--x-color-warning-muted); }
.ops-category-icon--digest[b-fdhn1lgbc5]          { background: var(--x-color-info-muted); }
.ops-category-icon--publishing[b-fdhn1lgbc5]      { background: var(--x-color-success-muted); }
.ops-category-icon--activation[b-fdhn1lgbc5]      { background: var(--x-color-primary-muted); }

.ops-category-label[b-fdhn1lgbc5] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
}

.ops-category-label--ingestion[b-fdhn1lgbc5]      { color: var(--x-color-primary-hover); }
.ops-category-label--classification[b-fdhn1lgbc5]  { color: var(--x-color-secondary-hover); }
.ops-category-label--ideation[b-fdhn1lgbc5]        { color: var(--x-color-warning); }
.ops-category-label--digest[b-fdhn1lgbc5]          { color: var(--x-color-info); }
.ops-category-label--publishing[b-fdhn1lgbc5]      { color: var(--x-color-success); }
.ops-category-label--activation[b-fdhn1lgbc5]      { color: var(--x-color-primary-hover); }

.ops-category-count[b-fdhn1lgbc5] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.ops-routine-grid[b-fdhn1lgbc5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: var(--x-spacing-3);
}

/* Loading + empty states */
.ops-loading[b-fdhn1lgbc5] {
    display: flex;
    justify-content: center;
    padding: var(--x-spacing-12);
}

.ops-empty-state[b-fdhn1lgbc5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--x-spacing-16) var(--x-spacing-6);
    background-color: var(--x-color-grey-t-80);
    border-radius: var(--x-radius);
    border: 1px solid var(--x-color-border);
}

.ops-empty-icon[b-fdhn1lgbc5] {
    font-size: var(--x-text-4xl);
    margin-bottom: var(--x-spacing-3);
    opacity: 0.4;
}

.ops-empty-text[b-fdhn1lgbc5] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
    margin: 0 0 var(--x-spacing-1);
}

.ops-empty-hint[b-fdhn1lgbc5] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    margin: 0;
}

/* Reduced motion — CC-033 */
@media (prefers-reduced-motion: reduce) {
    .ops-category-pill[b-fdhn1lgbc5] {
        transition: none;
    }
}
/* /Components/ExecutionHub/PipelineFilterBar.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=ExecutionHub | Bounded-Context=ExecutionHub.Pipeline.FilterBar.Styles | Sprint=CY */

/* Layout sizing for the filter bar's children, applied to consumer-owned wrapper
   slots so we avoid ::deep and stay within the parent's CSS isolation scope. */

.pfb-search-slot[b-6evh033tih] {
    flex: 1;
    max-width: 280px;
}

.pfb-select-slot[b-6evh033tih] {
    min-width: 140px;
}

/* Phase 142.1: funnel icon between search and selects per FigmaMake spec.
   Sits in the FilterBar's flex row, visually-only — `aria-hidden=true` on the
   wrapper (selects below carry their own aria-labels). */
.pfb-funnel-slot[b-6evh033tih] {
    display: inline-flex;
    align-items: center;
    color: var(--x-color-muted-foreground);
    padding: 0 var(--x-spacing-1);
}
/* /Components/ExecutionHub/PipelineHealthStrip.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=ExecutionHub | Bounded-Context=ExecutionHub.Pipeline.Health.Styles | Sprint=CN */

.health-strip[b-n9x2j9y8yj] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-6);
    padding: var(--x-spacing-4);
    background-color: var(--x-color-grey-t-80);
    border-radius: var(--x-radius);
    border: 1px solid var(--x-color-border);
}

.health-metric[b-n9x2j9y8yj] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.health-metric--primary[b-n9x2j9y8yj] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
}

.health-metric-icon[b-n9x2j9y8yj] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--x-radius);
    font-size: var(--x-text-base);
}

.health-metric-icon--active[b-n9x2j9y8yj] {
    background-color: var(--x-color-primary-muted);
}

.health-metric-body[b-n9x2j9y8yj] {
    display: flex;
    flex-direction: column;
}

.health-metric-value[b-n9x2j9y8yj] {
    font-size: var(--x-text-xl);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    line-height: 1;
}

.health-metric-value--sm[b-n9x2j9y8yj] {
    font-size: var(--x-text-xs);
}

.health-metric-value--warning[b-n9x2j9y8yj] { color: var(--x-color-warning); }
.health-metric-value--success[b-n9x2j9y8yj] { color: var(--x-color-success); }
.health-metric-value--danger[b-n9x2j9y8yj]  { color: var(--x-color-destructive); }

.health-metric-label[b-n9x2j9y8yj] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-normal);
    color: var(--x-color-muted-foreground);
    margin-top: var(--x-spacing-0-5);
}

.health-metric-indicator[b-n9x2j9y8yj] {
    font-size: var(--x-text-sm);
}

.health-strip-divider[b-n9x2j9y8yj] {
    width: 1px;
    height: 32px;
    background-color: var(--x-color-border);
}
/* /Components/ExecutionHub/PipelineItemCard.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=ExecutionHub | Bounded-Context=ExecutionHub.Pipeline.ItemCard.Styles | Sprint=CY */

/* v3.44.0 absorption: raw card shell + 7 .item-card--{stage} border-left modifiers + the
   .item-card--stale border-color override are retired. XCard provides the chrome; AccentColor +
   AccentBorder render the lib-canonical accent (3px top-edge). The internal flex layout for the
   row stays in this file because XCard's ChildContent wraps it without imposing its own layout. */

.item-card[b-rcxrvopccv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.item-card-left[b-rcxrvopccv] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    min-width: 0;
    flex: 1;
}

.item-card-channel-icon[b-rcxrvopccv] {
    font-size: var(--x-text-sm);
    flex-shrink: 0;
}

.item-card-info[b-rcxrvopccv] {
    min-width: 0;
}

.item-card-title[b-rcxrvopccv] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-card-meta[b-rcxrvopccv] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
    margin-top: var(--x-spacing-1);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-normal);
    color: var(--x-color-muted-foreground);
}

.meta-dot[b-rcxrvopccv] {
    color: var(--x-color-border);
}

[b-rcxrvopccv] .item-card-days-xbadge {
    font-size: var(--x-text-xxs);
    vertical-align: middle;
}

[b-rcxrvopccv] .item-card-stale-xbadge {
    font-size: var(--x-text-xxs);
    vertical-align: middle;
    margin-left: var(--x-spacing-1);
}

.item-card-right[b-rcxrvopccv] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    flex-shrink: 0;
}

.item-card-date[b-rcxrvopccv] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.item-card-action[b-rcxrvopccv] {
    padding: var(--x-spacing-1) var(--x-spacing-2);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    border: none;
    border-radius: var(--x-radius-sm);
    cursor: pointer;
    white-space: nowrap;
}

.item-card-action--idea[b-rcxrvopccv]       { background: var(--x-color-secondary-muted); color: var(--x-color-secondary-hover); }
.item-card-action--brief[b-rcxrvopccv]      { background: var(--x-color-info-muted); color: var(--x-color-info); }
.item-card-action--generation[b-rcxrvopccv]  { background: var(--x-color-info-muted); color: var(--x-color-info); cursor: default; display: inline-flex; align-items: center; gap: 4px; }

.item-card-action--disabled[b-rcxrvopccv] {
    pointer-events: none;
    opacity: 0.7;
}

.item-card-spinner[b-rcxrvopccv] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 2px solid var(--x-color-info-muted);
    border-top-color: var(--x-color-info);
    border-radius: 50%;
    animation: item-card-spin-b-rcxrvopccv 0.8s linear infinite;
}

@keyframes item-card-spin-b-rcxrvopccv {
    to { transform: rotate(360deg); }
}
.item-card-action--editing[b-rcxrvopccv]     { background: var(--x-color-primary-muted); color: var(--x-color-primary-hover); }
.item-card-action--review[b-rcxrvopccv]      { background: var(--x-color-primary-muted); color: var(--x-color-primary-hover); }
.item-card-action--scheduled[b-rcxrvopccv]   { background: var(--x-color-success-muted); color: var(--x-color-success); }
.item-card-action--published[b-rcxrvopccv]   { background: var(--x-color-muted); color: var(--x-color-card-foreground); }

.item-card-action--idea:hover[b-rcxrvopccv]       { background: var(--x-color-secondary-muted); }
.item-card-action--brief:hover[b-rcxrvopccv]      { background: var(--x-color-info-muted); }
.item-card-action--editing:hover[b-rcxrvopccv]    { background: var(--x-color-primary-muted); }
.item-card-action--review:hover[b-rcxrvopccv]     { background: var(--x-color-primary-muted); }
.item-card-action--scheduled:hover[b-rcxrvopccv]  { background: var(--x-color-success-muted); }

/* Reduced motion — CC-033 */
@media (prefers-reduced-motion: reduce) {
    .item-card[b-rcxrvopccv] {
        transition: none;
    }
}
/* /Components/ExecutionHub/PipelineStageFlow.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=ExecutionHub | Bounded-Context=ExecutionHub.Pipeline.StageFlow.Styles | Sprint=CN */

.stage-flow[b-mysdahokwn] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
    overflow-x: auto;
    padding-bottom: var(--x-spacing-1);
}

.stage-chip[b-mysdahokwn] {
    /* Native <button> reset (Phase 142.1) — strip user-agent defaults that would
       otherwise paint the chip grey on every browser. */
    appearance: none;
    font: inherit;
    color: inherit;
    /* Pill shape per FigmaMake spec (each stage tinted by .stage-chip--<role>). */
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-1-5) var(--x-spacing-3);
    border-radius: var(--x-radius);
    border: 1px solid var(--x-color-border);
    cursor: pointer;
    min-width: fit-content;
    transition: all var(--x-transition-normal);
    background: var(--x-color-muted);
}

.stage-chip:focus-visible[b-mysdahokwn] {
    outline: 2px solid var(--x-color-primary);
    outline-offset: 2px;
}

.stage-chip--idea[b-mysdahokwn]       { background: var(--x-color-muted); border-color: var(--x-color-border); }
.stage-chip--brief[b-mysdahokwn]      { background: var(--x-color-secondary-muted); border-color: var(--x-color-secondary-muted); }
.stage-chip--generation[b-mysdahokwn]  { background: var(--x-color-info-muted); border-color: var(--x-color-info-muted); }
.stage-chip--editing[b-mysdahokwn]     { background: var(--x-color-warning-muted); border-color: var(--x-color-warning-muted); }
.stage-chip--review[b-mysdahokwn]      { background: var(--x-color-primary-muted); border-color: var(--x-color-primary-muted); }
.stage-chip--scheduled[b-mysdahokwn]   { background: var(--x-color-success-muted); border-color: var(--x-color-success-muted); }
.stage-chip--published[b-mysdahokwn]   { background: var(--x-color-success-muted); border-color: var(--x-color-success-muted); }

.stage-chip--selected[b-mysdahokwn] {
    outline: 2px solid currentColor;
    outline-offset: 1px;
}

.stage-chip-label[b-mysdahokwn] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
}

.stage-chip--idea .stage-chip-label[b-mysdahokwn]       { color: var(--x-color-card-foreground); }
.stage-chip--brief .stage-chip-label[b-mysdahokwn]      { color: var(--x-color-secondary-hover); }
.stage-chip--generation .stage-chip-label[b-mysdahokwn]  { color: var(--x-color-info); }
.stage-chip--editing .stage-chip-label[b-mysdahokwn]     { color: var(--x-color-warning); }
.stage-chip--review .stage-chip-label[b-mysdahokwn]      { color: var(--x-color-primary-hover); }
.stage-chip--scheduled .stage-chip-label[b-mysdahokwn]   { color: var(--x-color-success); }
.stage-chip--published .stage-chip-label[b-mysdahokwn]   { color: var(--x-color-success); }

.stage-chip-count[b-mysdahokwn] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-primary-foreground);
}

.stage-chip--idea .stage-chip-count[b-mysdahokwn]       { background: var(--x-color-card-foreground); }
.stage-chip--brief .stage-chip-count[b-mysdahokwn]      { background: var(--x-color-secondary-hover); }
.stage-chip--generation .stage-chip-count[b-mysdahokwn]  { background: var(--x-color-info); }
.stage-chip--editing .stage-chip-count[b-mysdahokwn]     { background: var(--x-color-warning); }
.stage-chip--review .stage-chip-count[b-mysdahokwn]      { background: var(--x-color-primary-hover); }
.stage-chip--scheduled .stage-chip-count[b-mysdahokwn]   { background: var(--x-color-success); }
.stage-chip--published .stage-chip-count[b-mysdahokwn]   { background: var(--x-color-success); }

.stage-flow-arrow[b-mysdahokwn] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
    flex-shrink: 0;
    margin: 0 var(--x-spacing-0-5);
}

.stage-chip-clear[b-mysdahokwn] {
    margin-left: var(--x-spacing-2);
    padding: var(--x-spacing-1) var(--x-spacing-2);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
    background-color: var(--x-color-muted);
    border: none;
    border-radius: var(--x-radius-sm);
    cursor: pointer;
}

/* Reduced motion — CC-033 */
@media (prefers-reduced-motion: reduce) {
    .stage-chip[b-mysdahokwn] {
        transition: none;
    }
}
/* /Components/ExecutionHub/PipelineTab.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=ExecutionHub | Bounded-Context=ExecutionHub.Pipeline.Styles | Sprint=CN */

.pipeline-tab[b-iu032ed9j2] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-5);
}

.pipeline-stage-group[b-iu032ed9j2] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.pipeline-stage-header[b-iu032ed9j2] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.pipeline-stage-badge[b-iu032ed9j2] {
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.pipeline-stage-badge--idea[b-iu032ed9j2]       { background: var(--x-color-muted); color: var(--x-color-card-foreground); }
.pipeline-stage-badge--brief[b-iu032ed9j2]      { background: var(--x-color-secondary-muted); color: var(--x-color-secondary-hover); }
.pipeline-stage-badge--generation[b-iu032ed9j2]  { background: var(--x-color-info-muted); color: var(--x-color-info); }
.pipeline-stage-badge--editing[b-iu032ed9j2]     { background: var(--x-color-warning-muted); color: var(--x-color-warning); }
.pipeline-stage-badge--review[b-iu032ed9j2]      { background: var(--x-color-primary-muted); color: var(--x-color-primary-hover); }
.pipeline-stage-badge--scheduled[b-iu032ed9j2]   { background: var(--x-color-success-muted); color: var(--x-color-success); }
.pipeline-stage-badge--published[b-iu032ed9j2]   { background: var(--x-color-success-muted); color: var(--x-color-success); }

.pipeline-stage-count[b-iu032ed9j2] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.pipeline-stage-items[b-iu032ed9j2] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.pipeline-empty-state[b-iu032ed9j2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--x-spacing-16) var(--x-spacing-6);
    background-color: var(--x-color-border);
    border-radius: var(--x-radius);
    border: 1px solid var(--x-color-border);
}

.pipeline-empty-icon[b-iu032ed9j2] {
    font-size: var(--x-text-4xl);
    margin-bottom: var(--x-spacing-3);
    opacity: 0.4;
}

.pipeline-empty-text[b-iu032ed9j2] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
    margin: 0;
}

.pipeline-toast[b-iu032ed9j2] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
    padding: var(--x-spacing-2) var(--x-spacing-3);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-primary-hover);
    background-color: var(--x-color-primary-muted);
    border: 1px solid var(--x-color-primary-muted);
    border-radius: var(--x-radius);
    animation: pipeline-toast-in-b-iu032ed9j2 var(--x-transition-normal);
}

.pipeline-toast-icon[b-iu032ed9j2] {
    font-size: var(--x-text-xs);
}

@keyframes pipeline-toast-in-b-iu032ed9j2 {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* CO-6: Pipeline item selection + lineage section */

.pipeline-item-selectable[b-iu032ed9j2] {
    cursor: pointer;
    border-radius: var(--x-radius);
    transition: outline var(--x-transition-normal);
}

.pipeline-item-selectable--active[b-iu032ed9j2] {
    outline: 2px solid var(--x-color-primary);
    outline-offset: 1px;
    border-radius: var(--x-radius);
}

.pipeline-lineage-section[b-iu032ed9j2] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    padding-top: var(--x-spacing-2);
    border-top: 1px solid var(--x-color-border);
}

.pipeline-lineage-header[b-iu032ed9j2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pipeline-lineage-label[b-iu032ed9j2] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

.pipeline-lineage-clear[b-iu032ed9j2] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    background: transparent;
    border: none;
    cursor: pointer;
    padding: var(--x-spacing-0-5) var(--x-spacing-1-5);
}

.pipeline-lineage-clear:hover[b-iu032ed9j2] {
    color: var(--x-color-foreground);
}
/* /Components/ExecutionHub/ReviewCommentsThread.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=ExecutionHub | Bounded-Context=ExecutionHub.Review.CommentsThread.Styles | Sprint=CX */

.comments-thread[b-gflhtljz4x] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-3) 0;
}

.comment-bubble[b-gflhtljz4x] {
    padding: var(--x-spacing-3);
    border-radius: var(--x-radius);
}

.comment-bubble--reviewer[b-gflhtljz4x] {
    background: var(--x-color-info-50);
    border: 1px solid var(--x-color-info-200);
}

.comment-bubble--creator[b-gflhtljz4x] {
    background: var(--x-color-background);
    border: 1px solid var(--x-color-border);
}

.comment-bubble__header[b-gflhtljz4x] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-1);
}

.comment-bubble__author[b-gflhtljz4x] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
}

.comment-bubble__role[b-gflhtljz4x] {
    font-size: var(--x-text-xxs);
    padding: var(--x-spacing-0-5) var(--x-spacing-1-5);
    border-radius: var(--x-radius-sm);
}

.comment-role--reviewer[b-gflhtljz4x] {
    background: var(--x-color-info-100);
    color: var(--x-color-info-700);
}

.comment-role--creator[b-gflhtljz4x] {
    background: var(--x-color-grey-100);
    color: var(--x-color-grey-700);
}

.comment-bubble__time[b-gflhtljz4x] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    margin-left: auto;
}

.comment-bubble__text[b-gflhtljz4x] {
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
    line-height: 1.5;
    margin: 0;
}
/* /Components/ExecutionHub/ReviewItemCard.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=ExecutionHub | Bounded-Context=ExecutionHub.Review.ItemCard.Styles | Sprint=CX-fix */
/* Aligned to FigmaMake ReviewQueue.tsx: grey-t-75 collapsed bg, card expanded, text-base title */

/* FigmaMake collapsed: grey-t-75 bg, transparent border */
.review-card[b-n2umjnvubs] {
    background-color: var(--x-color-grey-t-75);
    border: 1px solid transparent;
    border-radius: var(--x-radius);
    transition: background-color var(--x-transition-normal), border-color var(--x-transition-normal);
}

/* FigmaMake expanded: card (white) bg, primary-200 border */
.review-card--expanded[b-n2umjnvubs] {
    background-color: var(--x-color-card);
    border-color: var(--x-color-primary-200);
}

/* Header — FigmaMake: p-4, flex, gap-4 */
.review-card-header[b-n2umjnvubs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-4);
    cursor: pointer;
}

.review-card-info[b-n2umjnvubs] {
    flex: 1;
    min-width: 0;
}

.review-card-title-row[b-n2umjnvubs] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-2);
}

/* FigmaMake: text-base (16px), font-medium — NOT text-sm */
.review-card-title[b-n2umjnvubs] {
    color: var(--x-color-foreground);
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Badges row — FigmaMake: flex, gap-2, flex-wrap */
.review-card-badges[b-n2umjnvubs] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
}

/* Meta text — FigmaMake: text-xs, grey-600 */
.review-card-meta[b-n2umjnvubs] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-normal);
    color: var(--x-color-muted-foreground);
}

/* Actions column */
.review-card-actions[b-n2umjnvubs] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    flex-shrink: 0;
}

/* Approve button — FigmaMake: success-600 bg, white text */
.review-btn[b-n2umjnvubs] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
    padding: var(--x-spacing-1-5) var(--x-spacing-3);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    border: none;
    border-radius: var(--x-radius-button);
    cursor: pointer;
    transition: background-color var(--x-transition-normal);
}

.review-btn--approve[b-n2umjnvubs] {
    background-color: var(--x-color-success);
    color: var(--x-color-success-foreground);
}

.review-btn--approve:hover[b-n2umjnvubs] {
    background-color: var(--x-color-success-700);
}

/* Chevron — FigmaMake: text-xs, muted */
.review-card-chevron[b-n2umjnvubs] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    user-select: none;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .review-card[b-n2umjnvubs] { transition: none; }
}
/* /Components/ExecutionHub/ReviewItemDetail.razor.rz.scp.css */
/* Sprint CN-4: ReviewItemDetail styling */
.review-detail[b-9jg0lkb95i] {
    padding: 0 var(--x-spacing-4) var(--x-spacing-4);
    border-top: 1px solid var(--x-color-border);
}

/* Sections */
.review-detail-section[b-9jg0lkb95i] {
    padding-top: var(--x-spacing-4);
    margin-bottom: var(--x-spacing-4);
}

.review-detail-label[b-9jg0lkb95i] {
    display: block;
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--x-spacing-2);
}

/* Content Preview */
.review-detail-preview[b-9jg0lkb95i] {
    padding: var(--x-spacing-4);
    background-color: var(--x-color-background);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius);
}

.review-detail-text[b-9jg0lkb95i] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-normal);
    color: var(--x-color-foreground);
    line-height: 1.6;
    margin: 0;
}

.review-detail-text--empty[b-9jg0lkb95i] {
    color: var(--x-color-muted-foreground);
    font-style: italic;
}

.review-link-btn[b-9jg0lkb95i] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
    margin-top: var(--x-spacing-3);
    padding: 0;
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-primary);
    background: transparent;
    border: none;
    cursor: pointer;
    transition: color var(--x-transition-normal);
}

.review-link-btn:hover[b-9jg0lkb95i] {
    color: var(--x-color-primary-active);
}

/* Actions */
.review-detail-actions[b-9jg0lkb95i] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.review-btn[b-9jg0lkb95i] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
    padding: var(--x-spacing-2) var(--x-spacing-3);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    border-radius: var(--x-radius-button);
    cursor: pointer;
    transition: background-color var(--x-transition-normal);
}

.review-btn--request-changes[b-9jg0lkb95i] {
    background-color: transparent;
    color: var(--x-color-info);
    border: 1px solid var(--x-color-info-muted);
}

.review-btn--request-changes:hover[b-9jg0lkb95i] {
    background-color: var(--x-color-info-muted);
}

.review-btn--return[b-9jg0lkb95i] {
    background-color: transparent;
    color: var(--x-color-destructive-hover);
    border: 1px solid var(--x-color-destructive-muted);
}

.review-btn--return:hover[b-9jg0lkb95i] {
    background-color: var(--x-color-destructive-muted);
}

/* Change request input */
.review-change-input-row[b-9jg0lkb95i] {
    display: flex;
    flex: 1;
    gap: var(--x-spacing-2);
    align-items: center;
}

.review-change-input[b-9jg0lkb95i] {
    flex: 1;
    padding: var(--x-spacing-2) var(--x-spacing-3);
    font-size: var(--x-text-xs);
    background-color: var(--x-color-input);
    color: var(--x-color-foreground);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius);
    outline: none;
    transition: border-color var(--x-transition-normal);
}

.review-change-input:focus[b-9jg0lkb95i] {
    border-color: var(--x-color-primary-muted);
}

.review-btn--send[b-9jg0lkb95i] {
    background-color: var(--x-color-info);
    color: var(--x-color-info-foreground);
    border: none;
}

.review-btn--send:hover:not(:disabled)[b-9jg0lkb95i] {
    background-color: var(--x-color-info);
}

.review-btn--send:disabled[b-9jg0lkb95i] {
    background-color: var(--x-color-border);
    cursor: not-allowed;
}

.review-btn--cancel[b-9jg0lkb95i] {
    background-color: transparent;
    color: var(--x-color-muted-foreground);
    border: 1px solid var(--x-color-border);
}

.review-btn--cancel:hover[b-9jg0lkb95i] {
    background-color: var(--x-color-background);
}
/* /Components/ExecutionHub/ReviewQueueTab.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=ExecutionHub | Bounded-Context=ExecutionHub.ReviewQueue.Styles | Sprint=CX-fix */
/* Aligned to FigmaMake ReviewQueue.tsx: colour scales, font sizes, card backgrounds */

.review-queue-tab[b-9l4d41b97s] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

/* Stats Row — FigmaMake: grid-cols-3 gap-4, semantic-50 bg + semantic-200 border */
.review-stats-row[b-9l4d41b97s] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--x-spacing-4);
}

.review-stat[b-9l4d41b97s] {
    padding: var(--x-spacing-4);
    border-radius: var(--x-radius);
}

.review-stat--pending[b-9l4d41b97s] {
    background-color: var(--x-color-warning-50);
    border: 1px solid var(--x-color-warning-200);
}

.review-stat--changes[b-9l4d41b97s] {
    background-color: var(--x-color-info-50);
    border: 1px solid var(--x-color-info-200);
}

.review-stat--approved[b-9l4d41b97s] {
    background-color: var(--x-color-success-50);
    border: 1px solid var(--x-color-success-200);
}

.review-stat-header[b-9l4d41b97s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--x-spacing-2);
}

/* FigmaMake: text-xs (12px), font-weight-medium, uppercase */
.review-stat-label[b-9l4d41b97s] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* FigmaMake: semantic-700 text colour for labels + values */
.review-stat--pending .review-stat-label[b-9l4d41b97s],
.review-stat--pending .review-stat-value[b-9l4d41b97s] {
    color: var(--x-color-warning-700);
}

.review-stat--changes .review-stat-label[b-9l4d41b97s],
.review-stat--changes .review-stat-value[b-9l4d41b97s] {
    color: var(--x-color-info-700);
}

.review-stat--approved .review-stat-label[b-9l4d41b97s],
.review-stat--approved .review-stat-value[b-9l4d41b97s] {
    color: var(--x-color-success-700);
}

/* FigmaMake: text-xl (25px), font-weight-medium */
.review-stat-value[b-9l4d41b97s] {
    font-size: var(--x-text-xl);
    font-weight: var(--x-font-weight-medium);
}

/* Filter — FigmaMake: text-xs labels, minWidth 160px select */
.review-filter-bar[b-9l4d41b97s] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.review-filter-label[b-9l4d41b97s] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Loading / Empty — FigmaMake: grey-t-80 bg, not grey-300 border */
.review-loading[b-9l4d41b97s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--x-spacing-12);
}

/* List — FigmaMake: space-y-3 */
.review-list[b-9l4d41b97s] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}
/* /Components/ExecutionHub/ReviewReplyInput.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=ExecutionHub | Bounded-Context=ExecutionHub.Review.ReplyInput.Styles | Sprint=CX */

.reply-input[b-yk0gemopfx] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-3) 0;
}

.reply-input__actions[b-yk0gemopfx] {
    display: flex;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
}
/* /Components/ExecutionHub/SourceHealthWidget.razor.rz.scp.css */
/* Phase 147 Bundle O — Source Health widget styling. List-shaped (not grid)
   because each row needs ample horizontal space for the platform name +
   status pill + meta-row. Health-tier modifier classes drive the left-edge
   accent strip via border-left. */

.src-health-card[b-heq72lp7sq] {
    padding: var(--x-spacing-3);
}

.src-health-header[b-heq72lp7sq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-2);
}

.src-health-loading[b-heq72lp7sq] {
    padding: var(--x-spacing-6) 0;
    text-align: center;
}

.src-health-list[b-heq72lp7sq] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.src-health-row[b-heq72lp7sq] {
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border: 1px solid var(--x-color-border);
    border-left-width: 3px;
    border-radius: var(--x-radius-sm);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    background: var(--x-color-card);
}

.src-health-row--healthy[b-heq72lp7sq] {
    border-left-color: var(--x-color-success);
}

.src-health-row--degraded[b-heq72lp7sq] {
    border-left-color: var(--x-color-warning);
}

.src-health-row--unhealthy[b-heq72lp7sq] {
    border-left-color: var(--x-color-destructive);
}

.src-health-row-main[b-heq72lp7sq] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
}

.src-health-platform[b-heq72lp7sq] {
    font-weight: var(--x-font-weight-semibold);
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
}

.src-health-conseq[b-heq72lp7sq] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-destructive);
    font-weight: var(--x-font-weight-medium);
}

.src-health-row-meta[b-heq72lp7sq] {
    display: flex;
    gap: var(--x-spacing-3);
    flex-wrap: wrap;
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.src-health-meta-item--muted[b-heq72lp7sq] {
    font-style: italic;
}

.src-health-meta-item--failure[b-heq72lp7sq] {
    color: var(--x-color-destructive);
}

.src-health-error[b-heq72lp7sq] {
    font-size: var(--x-text-xs);
    color: var(--x-color-destructive);
    background: var(--x-color-destructive-muted);
    padding: var(--x-spacing-1) var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
    margin-top: var(--x-spacing-1);
}
/* /Components/ExecutionHub/StrategyReviewItemCard.razor.rz.scp.css */
/* Phase 146 Bundle R — strategy review item card. Status drives the
   accent colour via the parent XCard AccentColor binding. */

.strategy-review-card-body[b-5msau52vne] {
    display: flex;
    gap: var(--x-spacing-3);
    align-items: flex-start;
    padding: var(--x-spacing-3);
}

.strategy-review-card-left[b-5msau52vne] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1-5);
}

.strategy-review-card-title-row[b-5msau52vne] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
}

.strategy-review-card-summary[b-5msau52vne] {
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
}

.strategy-review-card-secondary[b-5msau52vne] {
    margin: 0;
}

.strategy-review-card-meta[b-5msau52vne] {
    margin: 0;
    font-size: var(--x-text-xxs);
}

.strategy-review-card-actions[b-5msau52vne] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1-5);
    align-items: stretch;
    min-width: 120px;
}

.strategy-review-card-reject-form[b-5msau52vne] {
    border-top: 1px solid var(--x-color-border);
    padding: var(--x-spacing-3);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.strategy-review-card-reject-actions[b-5msau52vne] {
    display: flex;
    justify-content: flex-end;
    gap: var(--x-spacing-2);
}
/* /Components/ExecutionHub/StrategyReviewQueueTab.razor.rz.scp.css */
/* Phase 146 Bundle R — strategy review queue tab styling. Mirrors
   the existing asset-side ReviewQueueTab visual rhythm for consistency. */

.strategy-review-tab[b-tfq58c3cga] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.strategy-review-stats-row[b-tfq58c3cga] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--x-spacing-3);
}

.strategy-review-stat[b-tfq58c3cga] {
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    padding: var(--x-spacing-3);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.strategy-review-stat-label[b-tfq58c3cga] {
    text-transform: uppercase;
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.strategy-review-stat-value[b-tfq58c3cga] {
    margin: 0;
}

.strategy-review-conflict[b-tfq58c3cga] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
}

.strategy-review-filter-bar[b-tfq58c3cga] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.strategy-review-filter-label[b-tfq58c3cga] {
    color: var(--x-color-muted-foreground);
}

.strategy-review-loading[b-tfq58c3cga] {
    padding: var(--x-spacing-6) 0;
    text-align: center;
}

.strategy-review-list[b-tfq58c3cga] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}
/* /Components/IdeaBacklog/IdeaActionBar.razor.rz.scp.css */
.idea-actions[b-jknsq1b3as] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    align-items: flex-end;
    justify-content: center;
}
/* /Components/IdeaBacklog/IdeaCard.razor.rz.scp.css */
/* RC-065 cleanup: .card-idea chrome + hover + focus-visible + border-left modifiers RETIRED.
   XCard.AccentColor + AccentBorder=true (mapped from Idea.Status via GetAccentColor) now
   own the per-state accent stripe. Only the rejected-state opacity affordance is preserved
   as a state-specific cue beyond what AccentColor covers. */
.status-rejected[b-rt7p65obja] {
    opacity: 0.7;
}

.idea-content[b-rt7p65obja] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.idea-header[b-rt7p65obja] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--x-spacing-3);
}

.idea-title-group[b-rt7p65obja] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.idea-metadata[b-rt7p65obja] {
    display: flex;
    gap: var(--x-spacing-3);
    flex-wrap: wrap;
    align-items: center;
}

.idea-linked-sources[b-rt7p65obja] {
    display: flex;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
}

.idea-linked-tag[b-rt7p65obja] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
    font-size: var(--x-text-xs);
    font-weight: 500;
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-lg);
}

.idea-linked-tag--signal[b-rt7p65obja] {
    background: var(--x-color-accent-muted);
    color: var(--x-color-accent);
}

.idea-linked-tag--jtbd[b-rt7p65obja] {
    background: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}
/* /Components/IdeaBacklog/IdeaCreateDialog.razor.rz.scp.css */
.create-dialog-body[b-w0mytn1bgv] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.create-field-group[b-w0mytn1bgv] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.create-textarea[b-w0mytn1bgv] {
    width: 100%;
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    font-size: var(--x-text-sm);
    resize: vertical;
}

.create-select[b-w0mytn1bgv] {
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    font-size: var(--x-text-sm);
    background: var(--x-color-card);
    color: var(--x-color-foreground);
}

.create-dialog-footer[b-w0mytn1bgv] {
    display: flex;
    gap: var(--x-spacing-3);
    justify-content: flex-end;
}
/* /Components/IdeaBacklog/IdeaDetailDialog.razor.rz.scp.css */
.detail-body[b-26wsf2s506] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-5);
}

.detail-status-row[b-26wsf2s506] {
    display: flex;
    gap: var(--x-spacing-3);
    align-items: center;
}

.detail-section[b-26wsf2s506] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.detail-rejection[b-26wsf2s506] {
    padding: var(--x-spacing-3);
    background: var(--x-color-destructive-muted);
    border-radius: var(--x-radius-md);
}

.detail-metadata-grid[b-26wsf2s506] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--x-spacing-3);
}

.detail-field[b-26wsf2s506] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-0-5);
}

.rice-grid[b-26wsf2s506] {
    display: flex;
    gap: var(--x-spacing-4);
    flex-wrap: wrap;
}

.rice-field[b-26wsf2s506],
.rice-total[b-26wsf2s506] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-0-5);
    min-width: 70px;
}

.rice-total[b-26wsf2s506] {
    padding-left: var(--x-spacing-4);
    border-left: 2px solid var(--x-color-border);
}

.keyword-list[b-26wsf2s506] {
    display: flex;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
}

.detail-footer[b-26wsf2s506] {
    display: flex;
    justify-content: flex-end;
}
/* /Components/IdeaBacklog/RiceScoreDisplay.razor.rz.scp.css */
.rice-badge[b-lvta7e5ntt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    padding: var(--x-spacing-3);
    background: var(--x-color-muted);
    border-radius: var(--x-radius-md);
}

.rice-score[b-lvta7e5ntt] {
    font-size: var(--x-text-lg);
    font-weight: 700;
    color: var(--x-color-primary);
}

.rice-label[b-lvta7e5ntt] {
    font-size: var(--x-text-xxs);
    text-transform: uppercase;
    color: var(--x-color-muted-foreground);
    letter-spacing: 0.5px;
}

.rice-components[b-lvta7e5ntt] {
    display: flex;
    gap: var(--x-spacing-4);
    flex-wrap: wrap;
}

.rice-component-item[b-lvta7e5ntt] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.rice-component-letter[b-lvta7e5ntt] {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: var(--x-text-xxs);
    font-weight: 600;
    background: var(--x-color-muted);
    border-radius: var(--x-radius-sm);
    margin-right: var(--x-spacing-1);
}
/* /Components/JTBD/JTBDDataTable.razor.rz.scp.css */
.jtbd-table-container[b-hgionqj1zb] {
    width: 100%;
    background: var(--x-color-background);
    border-radius: var(--x-radius-md);
    padding: var(--x-spacing-4);
}

.jtbd-table-header[b-hgionqj1zb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--x-spacing-4);
    gap: var(--x-spacing-4);
}

.jtbd-table-header h3[b-hgionqj1zb] {
    margin: 0;
    font-size: var(--x-text-lg);
    font-weight: 600;
    color: var(--x-color-foreground);
}

.jtbd-empty-state[b-hgionqj1zb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--x-spacing-12) var(--x-spacing-6);
    text-align: center;
    color: var(--x-color-muted-foreground);
    gap: var(--x-spacing-4);
}

.jtbd-empty-state span[b-hgionqj1zb] {
    font-size: var(--x-text-base);
    font-weight: 500;
}

/* JTBD plain-table styling */
.jtbd-data-table[b-hgionqj1zb] {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    overflow: hidden;
}

.jtbd-data-table thead th[b-hgionqj1zb] {
    background: var(--x-color-muted);
    font-weight: 600;
    color: var(--x-color-foreground);
    padding: var(--x-spacing-3);
    border-bottom: 2px solid var(--x-color-border);
    text-align: left;
}

.jtbd-data-table tbody tr[b-hgionqj1zb] {
    transition: background-color var(--x-transition-normal);
}

.jtbd-data-table tbody tr:hover[b-hgionqj1zb] {
    background: var(--x-color-muted);
}

.jtbd-data-table tbody td[b-hgionqj1zb] {
    padding: var(--x-spacing-3);
    color: var(--x-color-foreground);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1024px) {
    .jtbd-table-header[b-hgionqj1zb] {
        flex-direction: column;
        align-items: stretch;
    }

    .jtbd-table-container[b-hgionqj1zb] {
        padding: var(--x-spacing-3);
    }

    .jtbd-data-table th[b-hgionqj1zb],
    .jtbd-data-table td[b-hgionqj1zb] {
        padding: var(--x-spacing-2);
        font-size: var(--x-text-sm);
    }
}

@media (max-width: 768px) {
    .jtbd-table-header h3[b-hgionqj1zb] {
        font-size: var(--x-text-base);
    }

    .jtbd-empty-state[b-hgionqj1zb] {
        padding: var(--x-spacing-8) var(--x-spacing-4);
    }

    .jtbd-data-table[b-hgionqj1zb] {
        font-size: var(--x-text-sm);
    }
}
/* /Components/Knowledge/KnowledgeAiInsightsTab.razor.rz.scp.css */
/* ========================================
   KnowledgeAiInsightsTab — local styles
   ======================================== */

.kl-ai-tab[b-7b47jasuan] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
    padding-top: var(--x-spacing-4);
}

/* ── Pipeline gap strip ──────────────────── */
.kl-gap-strip[b-7b47jasuan] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    flex-wrap: wrap;
    background: var(--x-color-warning-muted);
    border: 1px solid var(--x-color-warning);
    border-radius: var(--x-radius-md);
    padding: var(--x-spacing-2-5) var(--x-spacing-4);
}

.kl-gap-strip-label[b-7b47jasuan] {
    font-size: var(--x-text-sm);
    font-weight: 600;
    color: var(--x-color-warning);
    white-space: nowrap;
}

.kl-gap-chips[b-7b47jasuan] {
    display: flex;
    gap: var(--x-spacing-1-5);
    flex-wrap: wrap;
}

.kl-gap-chip[b-7b47jasuan] {
    font-size: var(--x-text-xxs);
    padding: 3px var(--x-spacing-2);
    border-radius: var(--x-radius-lg);
    font-weight: 600;
}

.kl-gap-chip--warning[b-7b47jasuan] { background: var(--x-color-warning); color: var(--x-color-warning-foreground); }
.kl-gap-chip--error[b-7b47jasuan]   { background: var(--x-color-destructive);   color: var(--x-color-destructive-foreground); }

/* v3.44.0 absorption: .kl-item-card / .kl-item-card--pipeline / .kl-pipeline-badge / .kl-item-header-row /
   .kl-item-row / .kl-chevron retired — XEntityCard owns chrome + slot layout, AccentColor + AccentBorder
   render the lib-canonical pipeline-relevance accent, XStatusPill replaces the bespoke pipeline badge. */

.kl-items-list[b-7b47jasuan] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2-5);
}

.kl-item-icon[b-7b47jasuan] {
    width: 44px;
    height: 44px;
    border-radius: var(--x-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--x-text-lg);
    flex-shrink: 0;
}

.kl-item-icon--primary[b-7b47jasuan] { background: var(--x-color-primary-muted); }
.kl-item-icon--success[b-7b47jasuan]  { background: var(--x-color-success-muted); }
.kl-item-icon--warning[b-7b47jasuan]  { background: var(--x-color-warning-muted); }
.kl-item-icon--info[b-7b47jasuan]     { background: var(--x-color-info-muted); }
.kl-item-icon--accent[b-7b47jasuan]   { background: var(--x-color-ai-muted); }
.kl-item-icon--neutral[b-7b47jasuan]  { background: var(--x-color-muted); }

.kl-item-body[b-7b47jasuan] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1-5);
}

.kl-item-title[b-7b47jasuan] {
    color: var(--x-color-foreground);
    margin: 0;
}

.kl-item-desc[b-7b47jasuan] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    margin: 0;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.kl-item-meta[b-7b47jasuan] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2-5);
    flex-wrap: wrap;
}

.kl-item-meta-text[b-7b47jasuan] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.kl-chevron[b-7b47jasuan] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-lg);
    align-self: center;
    flex-shrink: 0;
}
/* /Components/Knowledge/KnowledgeAllItemsTab.razor.rz.scp.css */
/* ========================================
   KnowledgeAllItemsTab — local styles
   ======================================== */

.kl-all-tab[b-hexut23ncz] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
    padding-top: var(--x-spacing-4);
}

/* ── Item list container ─────────────────── */
/* v3.68.0 absorption: the row itself is now <XListItemCard> (lib primitive). The
   .kl-item-card / .kl-item-row / .kl-item-icon* / .kl-item-body / .kl-item-title /
   .kl-item-desc / .kl-item-tags / .kl-chevron rules retired. Only the list-container
   gap and the meta-text consumed by the Meta RenderFragment stay. */
.kl-items-list[b-hexut23ncz] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2-5);
}

.kl-item-meta-text[b-hexut23ncz] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

/* ── Filter bar ─────────────────────────── */
.kl-filter-bar[b-hexut23ncz] {
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    padding: var(--x-spacing-3) var(--x-spacing-4);
}

.kl-filter-row[b-hexut23ncz] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    flex-wrap: wrap;
}

.kl-filter-search[b-hexut23ncz] {
    flex: 1;
    min-width: 200px;
}

/* ── Category chips container ───────────── */
/* v3.68.0 absorption: chip itself is now <XCategoryChip> (lib primitive); the
   per-chip CSS (.kl-category-chip*, .kl-chip-icon*, .kl-chip-text*, .kl-chip-name*,
   .kl-chip-count*) is retired. Only the container layout stays here. */
.kl-category-chips[b-hexut23ncz] {
    display: flex;
    gap: var(--x-spacing-2-5);
    flex-wrap: wrap;
}

/* C8: tag-suggestion chip strip — visual sibling of the category chips, but
   denser and lower-emphasis (tags are secondary taxonomy). */
.kl-tag-chips[b-hexut23ncz] {
    display: flex;
    gap: var(--x-spacing-1-5);
    flex-wrap: wrap;
    margin-bottom: var(--x-spacing-3);
}

/* ── Bookmark button (TrailingActions slot of XListItemCard) ────── */
.kl-bookmark-btn[b-hexut23ncz] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: var(--x-text-lg);
    color: var(--x-color-muted-foreground);
    padding: var(--x-spacing-1);
    line-height: 1;
    flex-shrink: 0;
    transition: color var(--x-transition-normal);
}

.kl-bookmark-btn:hover[b-hexut23ncz] {
    color: var(--x-color-warning);
}
/* /Components/Knowledge/KnowledgeChatPanel.razor.rz.scp.css */
/* C9 KnowledgeChatPanel — Promote-model add flow.
   Token system: x-* canonical only (Sprint CS migration). */

.kc-panel[b-j04ff5mu97] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.kc-input[b-j04ff5mu97] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.kc-input-actions[b-j04ff5mu97] {
    display: flex;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
}

.kc-proposals[b-j04ff5mu97] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.kc-proposal-card[b-j04ff5mu97] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.kc-proposal-header[b-j04ff5mu97] {
    display: flex;
    gap: var(--x-spacing-1-5);
    flex-wrap: wrap;
}

.kc-proposal-subject[b-j04ff5mu97] {
    font-weight: var(--x-font-weight-semibold);
    font-size: var(--x-text-base);
}

.kc-proposal-summary[b-j04ff5mu97] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    white-space: pre-wrap;
}

.kc-proposal-actions[b-j04ff5mu97] {
    display: flex;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
}

/* Phase 2.2 — live progress while PreviewAsync is running.
   ETA hint shows up-front; status line updates per IProgress<string> callback. */
.kc-progress[b-j04ff5mu97] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1-5);
    padding: var(--x-spacing-3) var(--x-spacing-4);
    border-radius: var(--x-radius-md);
    background: var(--x-color-muted);
    border: 1px solid var(--x-color-border);
}

.kc-progress-eta[b-j04ff5mu97] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
}

.kc-progress-status[b-j04ff5mu97] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}
/* /Components/Knowledge/KnowledgeDocumentsTab.razor.rz.scp.css */
/* ========================================
   KnowledgeDocumentsTab — local styles
   ======================================== */

.kl-docs-tab[b-iknxjo1uhw] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
    padding-top: var(--x-spacing-4);
}

/* MR-2 (item #15) — UploadedDocument card list. */
.kl-uploaded-docs-list[b-iknxjo1uhw] { display: flex; flex-direction: column; gap: var(--x-spacing-3); }
.kl-uploaded-doc-card[b-iknxjo1uhw] { padding: var(--x-spacing-3); }
.kl-uploaded-doc-row[b-iknxjo1uhw] { display: flex; align-items: flex-start; gap: var(--x-spacing-3); }
.kl-uploaded-doc-icon[b-iknxjo1uhw] { color: var(--x-color-primary); flex-shrink: 0; }
.kl-uploaded-doc-body[b-iknxjo1uhw] { flex: 1; min-width: 0; }
.kl-uploaded-doc-meta[b-iknxjo1uhw] {
    display: flex; flex-wrap: wrap; gap: var(--x-spacing-2);
    margin: var(--x-spacing-1) 0 0; font-size: 0.875rem;
    color: var(--x-color-muted-foreground);
}
.kl-uploaded-doc-failure[b-iknxjo1uhw] {
    margin: var(--x-spacing-1) 0 0;
    color: var(--x-color-danger); font-size: 0.875rem;
}

.kl-docs-upload-title[b-iknxjo1uhw] {
    color: var(--x-color-foreground);
    margin: 0 0 var(--x-spacing-1);
}

.kl-docs-upload-hint[b-iknxjo1uhw] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    margin: 0;
}

.kl-upload-actions[b-iknxjo1uhw] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    margin-top: var(--x-spacing-3);
    flex-wrap: wrap;
}

.kl-docs-list-header[b-iknxjo1uhw] {
    display: flex;
    align-items: baseline;
    gap: var(--x-spacing-2-5);
}

.kl-docs-list-title[b-iknxjo1uhw] {
    color: var(--x-color-foreground);
    margin: 0;
}

.kl-docs-list-count[b-iknxjo1uhw] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
}

/* ── Shared item-card styles ───────────── */
.kl-items-list[b-iknxjo1uhw] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2-5);
}

.kl-item-card[b-iknxjo1uhw] {
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    padding: var(--x-spacing-4);
    transition: box-shadow var(--x-transition-normal);
    cursor: pointer;
}

.kl-item-card:hover[b-iknxjo1uhw] {
    box-shadow: var(--x-elevation-sm);
}

.kl-item-row[b-iknxjo1uhw] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-3-5);
}

.kl-item-icon[b-iknxjo1uhw] {
    width: 44px;
    height: 44px;
    border-radius: var(--x-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--x-text-lg);
    flex-shrink: 0;
}

.kl-item-icon--primary[b-iknxjo1uhw] { background: var(--x-color-primary-muted); }
.kl-item-icon--success[b-iknxjo1uhw]  { background: var(--x-color-success-muted); }
.kl-item-icon--warning[b-iknxjo1uhw]  { background: var(--x-color-warning-muted); }
.kl-item-icon--info[b-iknxjo1uhw]     { background: var(--x-color-info-muted); }
.kl-item-icon--accent[b-iknxjo1uhw]   { background: var(--x-color-ai-muted); }
.kl-item-icon--neutral[b-iknxjo1uhw]  { background: var(--x-color-muted); }

.kl-item-body[b-iknxjo1uhw] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1-5);
}

.kl-item-title[b-iknxjo1uhw] {
    color: var(--x-color-foreground);
    margin: 0;
}

.kl-item-desc[b-iknxjo1uhw] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    margin: 0;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.kl-item-meta[b-iknxjo1uhw] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2-5);
    flex-wrap: wrap;
}

.kl-item-meta-text[b-iknxjo1uhw] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.kl-chevron[b-iknxjo1uhw] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-lg);
    align-self: center;
    flex-shrink: 0;
}

/* ── Grid view ───────────────────────── */
.kl-docs-grid[b-iknxjo1uhw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: var(--x-spacing-4);
}

.kl-docs-grid-card[b-iknxjo1uhw] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    cursor: pointer;
    transition: box-shadow var(--x-transition-normal);
}

.kl-docs-grid-card:hover[b-iknxjo1uhw] {
    box-shadow: var(--x-elevation-sm);
}

.kl-docs-grid-header[b-iknxjo1uhw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-2);
}

.kl-docs-grid-icon[b-iknxjo1uhw] {
    width: 48px;
    height: 48px;
    border-radius: var(--x-radius-md);
    background: var(--x-color-info-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--x-text-xl);
    margin-bottom: var(--x-spacing-1);
}

/* ── Document type pill (matches user-supplied design) ─────────────────────────
   Type-coloured pill in the card header: icon + uppercase label, one of
   pdf / doc / spreadsheet / presentation / markdown / text / json / html / email / default.
   Variants drive both the icon-square background tint and the label colour
   so the same DOCX shows blue everywhere, PDF red, XLSX green, PPTX orange,
   etc. — matching how Office surfaces are colour-coded across the industry. */

.kl-doc-type-row[b-iknxjo1uhw] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.kl-doc-type-row-inline[b-iknxjo1uhw] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-1);
}

.kl-doc-icon[b-iknxjo1uhw] {
    width: 32px;
    height: 32px;
    border-radius: var(--x-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.kl-doc-type-label[b-iknxjo1uhw] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-semibold);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.kl-doc-menu[b-iknxjo1uhw] {
    color: var(--x-color-muted-foreground);
    cursor: pointer;
}

/* Per-variant tints. Mapped to the canonical --x-color-* semantic tokens to
   stay inside the design-system contract (CzArchitectureGuardrailTests.
   RazorCss_ShouldNotContain_HardcodedHexColors). The 8 doc kinds compress
   into 5 colour buckets — the LABEL text always distinguishes the rest:
     - PDF              → danger    (red)
     - DOCUMENT, EMAIL  → info      (blue family)
     - SPREADSHEET      → success   (green)
     - PRESENTATION     → warning   (orange)
     - WEB              → accent    (brand purple-ish)
     - MARKDOWN, TEXT,
       FILE             → muted-foreground (grey) */
.kl-doc-type-row--pdf          .kl-doc-icon[b-iknxjo1uhw] { background: var(--x-color-destructive-muted); color: var(--x-color-destructive); }
.kl-doc-type-row--pdf          .kl-doc-type-label[b-iknxjo1uhw],
.kl-doc-type-label--pdf[b-iknxjo1uhw]            { color: var(--x-color-destructive); }
.kl-doc-type-row--doc          .kl-doc-icon[b-iknxjo1uhw] { background: var(--x-color-info-muted); color: var(--x-color-info); }
.kl-doc-type-row--doc          .kl-doc-type-label[b-iknxjo1uhw],
.kl-doc-type-label--doc[b-iknxjo1uhw]            { color: var(--x-color-info); }
.kl-doc-type-row--spreadsheet  .kl-doc-icon[b-iknxjo1uhw] { background: var(--x-color-success-muted); color: var(--x-color-success); }
.kl-doc-type-row--spreadsheet  .kl-doc-type-label[b-iknxjo1uhw],
.kl-doc-type-label--spreadsheet[b-iknxjo1uhw]    { color: var(--x-color-success); }
.kl-doc-type-row--presentation .kl-doc-icon[b-iknxjo1uhw] { background: var(--x-color-warning-muted); color: var(--x-color-warning); }
.kl-doc-type-row--presentation .kl-doc-type-label[b-iknxjo1uhw],
.kl-doc-type-label--presentation[b-iknxjo1uhw]   { color: var(--x-color-warning); }
.kl-doc-type-row--markdown     .kl-doc-icon[b-iknxjo1uhw] { background: var(--x-color-muted); color: var(--x-color-muted-foreground); }
.kl-doc-type-row--markdown     .kl-doc-type-label[b-iknxjo1uhw],
.kl-doc-type-label--markdown[b-iknxjo1uhw]       { color: var(--x-color-muted-foreground); }
.kl-doc-type-row--text         .kl-doc-icon[b-iknxjo1uhw] { background: var(--x-color-muted); color: var(--x-color-muted-foreground); }
.kl-doc-type-row--text         .kl-doc-type-label[b-iknxjo1uhw],
.kl-doc-type-label--text[b-iknxjo1uhw]           { color: var(--x-color-muted-foreground); }
.kl-doc-type-row--web          .kl-doc-icon[b-iknxjo1uhw] { background: var(--x-color-accent-muted); color: var(--x-color-accent); }
.kl-doc-type-row--web          .kl-doc-type-label[b-iknxjo1uhw],
.kl-doc-type-label--web[b-iknxjo1uhw]            { color: var(--x-color-accent); }
.kl-doc-type-row--email        .kl-doc-icon[b-iknxjo1uhw] { background: var(--x-color-info-muted); color: var(--x-color-info); }
.kl-doc-type-row--email        .kl-doc-type-label[b-iknxjo1uhw],
.kl-doc-type-label--email[b-iknxjo1uhw]          { color: var(--x-color-info); }
.kl-doc-type-row--default      .kl-doc-icon[b-iknxjo1uhw] { background: var(--x-color-muted); color: var(--x-color-muted-foreground); }
.kl-doc-type-row--default      .kl-doc-type-label[b-iknxjo1uhw],
.kl-doc-type-label--default[b-iknxjo1uhw]        { color: var(--x-color-muted-foreground); }

/* List-view icon tints — reuses the same variant suffix on .kl-item-icon */
.kl-item-icon--pdf[b-iknxjo1uhw]          { background: var(--x-color-destructive-muted); color: var(--x-color-destructive); }
.kl-item-icon--doc[b-iknxjo1uhw]          { background: var(--x-color-info-muted); color: var(--x-color-info); }
.kl-item-icon--spreadsheet[b-iknxjo1uhw]  { background: var(--x-color-success-muted); color: var(--x-color-success); }
.kl-item-icon--presentation[b-iknxjo1uhw] { background: var(--x-color-warning-muted); color: var(--x-color-warning); }
.kl-item-icon--markdown[b-iknxjo1uhw]     { background: var(--x-color-muted); color: var(--x-color-muted-foreground); }
.kl-item-icon--text[b-iknxjo1uhw]         { background: var(--x-color-muted); color: var(--x-color-muted-foreground); }
.kl-item-icon--web[b-iknxjo1uhw]          { background: var(--x-color-accent-muted); color: var(--x-color-accent); }
.kl-item-icon--email[b-iknxjo1uhw]        { background: var(--x-color-info-muted); color: var(--x-color-info); }
.kl-item-icon--default[b-iknxjo1uhw]      { background: var(--x-color-muted); color: var(--x-color-muted-foreground); }

/* Tag chip strip + footer (clock-icon date + validated pill) */
.kl-doc-tags[b-iknxjo1uhw] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
    flex-wrap: wrap;
    margin-top: var(--x-spacing-1);
}

.kl-doc-footer[b-iknxjo1uhw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-2);
    margin-top: var(--x-spacing-2);
    padding-top: var(--x-spacing-2);
    border-top: 1px solid var(--x-color-border);
}

.kl-doc-date[b-iknxjo1uhw] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

/* Phase 145 readiness gate — empty-state replaces the upload card when
   the workspace can't run AI intake. Per-issue card surfaces the message
   + primary/secondary remediation CTA inline. */
.kl-docs-readiness-block[b-iknxjo1uhw] {
    border: 1px solid var(--x-color-warning);
}

.kl-docs-readiness-header[b-iknxjo1uhw] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-2);
}

.kl-docs-readiness-subhead[b-iknxjo1uhw] {
    color: var(--x-color-muted-foreground);
    margin-bottom: var(--x-spacing-4);
}

.kl-readiness-issue-card[b-iknxjo1uhw] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-3);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    margin-bottom: var(--x-spacing-2);
    background-color: var(--x-color-surface-secondary);
}

.kl-readiness-issue-actions[b-iknxjo1uhw] {
    display: flex;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
}

.kl-readiness-warning[b-iknxjo1uhw] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border-radius: var(--x-radius-sm);
    background-color: var(--x-color-info-muted);
    color: var(--x-color-info);
    margin: var(--x-spacing-2) 0;
}
/* /Components/Knowledge/KnowledgeFactDetailPanel.razor.rz.scp.css */
/* KnowledgeFactDetailPanel — slide-over panel scoped styles. Pattern matches
   the CRM detail-panel family (XSidePanel + Exposed RadiusEdge). */

.kfd-backdrop[b-67icy9wtho] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: var(--x-z-modal-backdrop);
    cursor: pointer;
}

.kfd-content[b-67icy9wtho] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-5);
    padding: var(--x-spacing-5);
}

/* ── Header ─────────────────────────────────────── */
.kfd-header[b-67icy9wtho] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: var(--x-spacing-3);
    padding-bottom: var(--x-spacing-4);
    border-bottom: 1px solid var(--x-color-border);
}

.kfd-header-icon[b-67icy9wtho] {
    width: 48px;
    height: 48px;
    border-radius: var(--x-radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--x-text-2xl);
    flex-shrink: 0;
}

.kfd-header-icon--primary[b-67icy9wtho] { background: var(--x-color-primary-muted); }
.kfd-header-icon--success[b-67icy9wtho] { background: var(--x-color-success-muted); }
.kfd-header-icon--warning[b-67icy9wtho] { background: var(--x-color-warning-muted); }
.kfd-header-icon--info[b-67icy9wtho]    { background: var(--x-color-info-muted); }
.kfd-header-icon--accent[b-67icy9wtho]  { background: var(--x-color-primary-muted); }
.kfd-header-icon--neutral[b-67icy9wtho] { background: var(--x-color-muted); }

.kfd-header-info[b-67icy9wtho] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.kfd-header-title[b-67icy9wtho] {
    margin: 0;
    color: var(--x-color-foreground);
    overflow-wrap: anywhere;
}

.kfd-header-badges[b-67icy9wtho] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-1-5);
    align-items: center;
}

/* ── Action bar ─────────────────────────────────── */
.kfd-actions-bar[b-67icy9wtho] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-2);
    align-items: center;
}

/* ── Section blocks ─────────────────────────────── */
.kfd-section[b-67icy9wtho] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.kfd-section--muted[b-67icy9wtho] {
    padding: var(--x-spacing-3);
    background: var(--x-color-muted);
    border-radius: var(--x-radius-md);
}

.kfd-section-title[b-67icy9wtho] {
    margin: 0;
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.kfd-fact-body[b-67icy9wtho] {
    margin: 0;
    color: var(--x-color-foreground);
    font-size: var(--x-text-sm);
    line-height: 1.6;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.kfd-edit-row[b-67icy9wtho] {
    display: flex;
    flex-direction: row;
    gap: var(--x-spacing-2);
    align-items: center;
    flex-wrap: wrap;
}

.kfd-edit-row > :first-child[b-67icy9wtho] {
    flex: 1;
    min-width: 200px;
}

/* ── Metadata grid ──────────────────────────────── */
.kfd-meta-grid[b-67icy9wtho] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--x-spacing-3);
}

.kfd-meta-item[b-67icy9wtho] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    padding: var(--x-spacing-3);
    background: var(--x-color-background);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-lg);
}

.kfd-meta-label[b-67icy9wtho] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.kfd-meta-value[b-67icy9wtho] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    overflow-wrap: anywhere;
}

/* ── Tags row ──────────────────────────────────── */
.kfd-tags-row[b-67icy9wtho] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-1-5);
}
/* /Components/Knowledge/KnowledgeFilterBar.razor.rz.scp.css */
/* KnowledgeFilterBar — active filters row scoped styles */

.kfb-bar[b-w3dqcesxm1] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-2-5) var(--x-spacing-3);
    background: var(--x-color-background);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
}

.kfb-label[b-w3dqcesxm1] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-right: var(--x-spacing-1);
}

/* Removable filter chip — small inline pill with key:value + X.
   Built native <button> rather than XBadge because XBadge does not yet have a
   removable variant; filing upstream xablu-libs proposal for XRemovableChip. */
.kfb-chip[b-w3dqcesxm1] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    background: var(--x-color-primary-muted);
    color: var(--x-color-primary);
    border: 1px solid var(--x-color-primary-muted);
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    cursor: pointer;
    transition: background-color var(--x-transition-normal),
                border-color var(--x-transition-normal);
}

.kfb-chip:hover[b-w3dqcesxm1] {
    background: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
    border-color: var(--x-color-destructive-muted);
}

.kfb-chip:focus-visible[b-w3dqcesxm1] {
    outline: 2px solid var(--x-color-primary);
    outline-offset: 2px;
}

.kfb-chip-key[b-w3dqcesxm1] {
    font-weight: var(--x-font-weight-semibold);
    opacity: 0.8;
}

.kfb-chip-value[b-w3dqcesxm1] {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    white-space: nowrap;
}

.kfb-chip-x[b-w3dqcesxm1] {
    font-size: var(--x-text-base);
    line-height: 1;
    margin-left: var(--x-spacing-0-5);
    opacity: 0.7;
}

.kfb-chip:hover .kfb-chip-x[b-w3dqcesxm1] {
    opacity: 1;
}

.kfb-clear-all[b-w3dqcesxm1] {
    margin-left: auto;
}
/* /Components/Knowledge/KnowledgeIntakePreviewDialog.razor.rz.scp.css */
/* Phase 135.x Option D (unified) — preview dialog for all knowledge intake paths
   (file upload + chat-paste). Class prefix `kip-` (KnowledgeIntakePreview). */

.kip-backdrop[b-j79pm5rngb] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    z-index: 50;
    cursor: pointer;
}

.kip-content[b-j79pm5rngb] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-2);
}

.kip-header[b-j79pm5rngb] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.kip-subtitle[b-j79pm5rngb] {
    color: var(--x-color-muted-foreground);
}

.kip-summary-row[b-j79pm5rngb] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
    flex-wrap: wrap;
    padding: var(--x-spacing-2-5) var(--x-spacing-3);
    background: var(--x-color-muted);
    border-radius: var(--x-radius-md);
}

.kip-group[b-j79pm5rngb] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1-5);
    padding: var(--x-spacing-3);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    background: var(--x-color-card);
}

.kip-group-header[b-j79pm5rngb] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--x-spacing-2);
}

.kip-group-source[b-j79pm5rngb] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.kip-proposal-list[b-j79pm5rngb] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.kip-proposal-item[b-j79pm5rngb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
    background: var(--x-color-background);
}

.kip-proposal-main[b-j79pm5rngb] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.kip-proposal-subject[b-j79pm5rngb] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
}

.kip-proposal-summary[b-j79pm5rngb] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.kip-proposal-more[b-j79pm5rngb] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    font-style: italic;
    padding-left: var(--x-spacing-2);
}

.kip-actions[b-j79pm5rngb] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--x-spacing-2);
    margin-top: var(--x-spacing-2);
    padding-top: var(--x-spacing-3);
    border-top: 1px solid var(--x-color-border);
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Skip-to-content (a11y) */
.skip-to-content[b-n2f54bslha] {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: 100;
    padding: var(--x-spacing-2) var(--x-spacing-4);
    background: var(--x-color-primary);
    color: var(--x-color-primary-foreground);
    font-weight: var(--x-font-weight-semibold);
    border-radius: var(--x-radius-md);
    text-decoration: none;
}

.skip-to-content:focus[b-n2f54bslha] {
    position: fixed;
    left: var(--x-spacing-4);
    top: var(--x-spacing-4);
    width: auto;
    height: auto;
    overflow: visible;
}

/* MainLayout - Sprint BN: Sidebar + Main (TopNavBar + Content) */

.layout-shell[b-n2f54bslha] {
    display: flex;
    height: 100vh;
    overflow: hidden;
    background-color: var(--x-color-background);
}

.layout-sidebar[b-n2f54bslha] {
    flex-shrink: 0;
    height: 100vh;
    overflow: visible;
    z-index: 10;
}

.layout-main[b-n2f54bslha] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: var(--x-spacing-2) var(--x-spacing-4) var(--x-spacing-4) var(--x-spacing-2);
    gap: var(--x-spacing-2);
}

.layout-content[b-n2f54bslha] {
    flex: 1;
    overflow: auto;
    background-color: var(--x-color-card);
    border-radius: 5px;
    padding: var(--x-spacing-6);
}

/* #blazor-error-ui styling intentionally removed.
   The canonical Xablu v3.79.3 drop-in at _content/Xablu.Blazor/xablu-blazor-error-ui.css
   (linked from App.razor:18) owns the surface; consumer overrides go through the
   --x-error-ui-* token family instead of the old --x-color-blazor-error-ui-bg
   shim. Companion to gotom8-theme.css cleanup of the three stale
   --x-color-blazor-error-ui-bg declarations. */

.layout-error-state[b-n2f54bslha] {
    padding: var(--x-spacing-8) var(--x-spacing-8);
    text-align: center;
}

.layout-error-message[b-n2f54bslha] {
    color: var(--x-color-muted-foreground);
}

/* Responsive: mobile */
@media (max-width: 640px) {
    .layout-shell[b-n2f54bslha] {
        flex-direction: column;
    }

    .layout-sidebar[b-n2f54bslha] {
        height: auto;
    }

    .layout-main[b-n2f54bslha] {
        padding: var(--x-spacing-2);
    }

    .layout-content[b-n2f54bslha] {
        padding: var(--x-spacing-4);
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* @codechat-ignore CC-030 - SVG data URL with embedded colors */

/* Navigation Container */
.nav-container[b-t6xlu1phge] {
    height: 100%;
    background-color: var(--x-color-sidebar);
    padding: var(--x-spacing-4) 0;
    display: flex;
    flex-direction: column;
    border-right: 2px solid var(--x-color-sidebar-border);
}

.nav-menu[b-t6xlu1phge] {
    flex: 1;
}

/* Navigation Links - CC-031 Compliant (hover, focus-visible, active, disabled) */
.nav-link[b-t6xlu1phge] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-2) var(--x-spacing-4);
    color: var(--x-color-foreground);
    text-decoration: none;
    font-size: var(--x-text-base);
    transition: background-color var(--x-transition-normal);
    border-left: 3px solid transparent;
}

.nav-link:hover[b-t6xlu1phge] {
    background-color: var(--x-color-muted);
    border-radius: var(--x-radius-md);
}

.nav-link:focus-visible[b-t6xlu1phge] {
    outline: 2px solid var(--x-color-ring);
    outline-offset: -2px;
    background-color: var(--x-color-muted);
}

.nav-link:active[b-t6xlu1phge] {
    background-color: var(--x-color-border);
}

.nav-link[aria-disabled="true"][b-t6xlu1phge],
.nav-link.disabled[b-t6xlu1phge] {
    color: var(--x-color-muted-foreground);
    cursor: not-allowed;
    pointer-events: none;
}

.nav-link.active[b-t6xlu1phge] {
    background-color: var(--x-color-sidebar-accent);
    color: var(--x-color-sidebar-accent-foreground);
    border-left: 3px solid transparent;
    border-radius: var(--x-radius-md);
}

.nav-label[b-t6xlu1phge] {
    margin-left: var(--x-spacing-2);
}

/* Nested Navigation Links */
.nav-link-nested[b-t6xlu1phge] {
    padding-left: var(--x-spacing-8);
    font-size: var(--x-text-xs);
}

/* Navigation Group */
.nav-group[b-t6xlu1phge] {
    margin: var(--x-spacing-1) 0;
}

/* Navigation Divider */
.nav-divider[b-t6xlu1phge] {
    height: 1px;
    background-color: var(--x-color-border);
    margin: var(--x-spacing-4) var(--x-spacing-4);
}

/* Legacy styles - keeping for backwards compatibility */
.navbar-toggler[b-t6xlu1phge] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: var(--x-color-primary-foreground);
    position: absolute;
    top: 0.5rem;
    right: var(--x-spacing-4);
    border: 1px solid var(--x-color-border);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem var(--x-color-border);
}

.navbar-toggler:checked[b-t6xlu1phge] {
    background-color: var(--x-color-primary);
}

.top-row[b-t6xlu1phge] {
    min-height: 3.5rem;
    background-color: var(--x-color-sidebar);
}

.navbar-brand[b-t6xlu1phge] {
    font-size: var(--x-text-base);
}

.bi[b-t6xlu1phge] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-t6xlu1phge] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-t6xlu1phge] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-t6xlu1phge] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-t6xlu1phge] {
    font-size: var(--x-text-sm);
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-t6xlu1phge] {
        padding-top: var(--x-spacing-4);
    }

    .nav-item:last-of-type[b-t6xlu1phge] {
        padding-bottom: var(--x-spacing-4);
    }

    /* Legacy nav-item styles - CC-034 Updated */
    .nav-item .nav-link[b-t6xlu1phge] {
        color: var(--x-color-sidebar-foreground);
        background: none;
        border: none;
        border-radius: var(--x-radius-md);
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item a.active[b-t6xlu1phge] {
    background-color: var(--x-color-sidebar-accent);
    color: var(--x-color-sidebar-accent-foreground);
}

.nav-item .nav-link:hover[b-t6xlu1phge] {
    background-color: var(--x-color-sidebar-accent);
    color: var(--x-color-sidebar-accent-foreground);
    opacity: 0.8;
}

.nav-item .nav-link:focus-visible[b-t6xlu1phge] {
    outline: 2px solid var(--x-color-ring);
    outline-offset: -2px;
}

.nav-scrollable[b-t6xlu1phge] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-t6xlu1phge] {
    display: block;
}

@media (min-width: 640px) {
    .navbar-toggler[b-t6xlu1phge] {
        display: none;
    }

    .nav-scrollable[b-t6xlu1phge] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

/* nav-build-version: removed. BuildVersionBadge component owns its own
   scoped styling per single-source-of-truth pattern. */

/* CC-033 Compliant: Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .nav-link[b-t6xlu1phge] {
        transition: none;
    }
}

/* Spacer + disabled nav items (extracted from inline <style>) */
.nav-spacer[b-t6xlu1phge] {
    flex: 1;
    min-height: var(--x-spacing-4);
}

.nav-item-disabled[b-t6xlu1phge] {
    position: relative;
    opacity: 0.5;
    pointer-events: none;
}

.nav-badge-soon[b-t6xlu1phge] {
    position: absolute;
    right: var(--x-spacing-4);
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xxs);
    padding: var(--x-spacing-0-5) var(--x-spacing-1-5);
    border-radius: var(--x-radius-sm);
    text-transform: uppercase;
}

/* UX Sweep operator-feedback round 4: rescue-expand button rendered only
   when the main drawer is collapsed. Sits right under the user-profile
   avatar inside the icon-rail so the operator always has a visible way
   back to the expanded menu. The native XNavigationDrawerFooter toggle
   becomes invisible to the operator in some collapsed-mode renders;
   this consumer-side button is the safety net until that lands upstream
   in xablu-libs. */
.nav-expand-rescue[b-t6xlu1phge] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: var(--x-spacing-2) auto;
    border-radius: var(--x-radius-md);
    border: 1px solid var(--x-color-border);
    background-color: var(--x-color-card);
    color: var(--x-color-foreground);
    cursor: pointer;
    font-size: var(--x-text-base);
    font-weight: var(--x-font-weight-bold);
    line-height: 1;
    transition: background-color var(--x-transition-normal), color var(--x-transition-normal), border-color var(--x-transition-normal);
}

.nav-expand-rescue:hover[b-t6xlu1phge] {
    background-color: var(--x-color-primary-muted);
    color: var(--x-color-primary);
    border-color: var(--x-color-primary);
}

.nav-expand-rescue:focus-visible[b-t6xlu1phge] {
    outline: 2px solid var(--x-color-primary-600);
    outline-offset: 2px;
}
/* /Components/Layout/TopNavBar.razor.rz.scp.css */
/* TopNavBar - Figma node 111:6505 (TopNavBarDesktop) */

.top-nav-bar[b-i7agcax5mp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    padding: 0 var(--x-spacing-6);
    background-color: var(--x-color-card);
    border-radius: 5px;
    flex-shrink: 0;
}

/* Left section: nav buttons */
.top-nav-left[b-i7agcax5mp] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

/* Right section: search + notifications + avatar */
.top-nav-right[b-i7agcax5mp] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-4);
}

/* Navigation and action buttons */
.top-nav-btn[b-i7agcax5mp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 5px;
    background-color: transparent;
    color: var(--x-color-foreground);
    cursor: pointer;
    padding: 0;
    transition: background-color var(--x-transition-normal);
}

.top-nav-btn:hover[b-i7agcax5mp] {
    background-color: var(--x-color-border);
}

.top-nav-btn:active[b-i7agcax5mp] {
    background-color: var(--x-color-border);
}

.top-nav-btn:focus-visible[b-i7agcax5mp] {
    outline: 2px solid var(--x-color-primary);
    outline-offset: 2px;
}

/* Search bar container */
.top-nav-search[b-i7agcax5mp] {
    width: 280px;
}

/* Searchbox overrides moved to app.css as .top-nav-searchbox (child component boundary) */

/* Workspace & Product selector pills — Figma Make parity (compact). User
   feedback 2026-05-05: deployed pills were "far too big" relative to the
   rest of the top-nav row. Tightened gap/padding and shrunk min-width so
   they don't dominate the header. */
.top-nav-pill[b-i7agcax5mp] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
    padding: var(--x-spacing-1) var(--x-spacing-2-5);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    background: var(--x-color-card);
    cursor: pointer;
    position: relative;
    transition: border-color var(--x-transition-normal);
    /* Group κ.1 (FigmaMake CRM parity, 2026-05-06): bumped max-width
       from 160px (commit fa45530b "shrink to Figma-Make sizing") to
       240px after the user flagged "Developme..." / "Dev Produ"
       truncation in the second visual review. 240px fits "Development"
       (11 chars) and FigmaMake's "Marketing GTM 2..." parent display
       without truncation; min-width still keeps short names compact. */
    min-width: 110px;
    max-width: 240px;
    height: 32px;
}

.top-nav-pill:hover[b-i7agcax5mp] {
    border-color: var(--x-color-muted-foreground);
}

.top-nav-pill-icon[b-i7agcax5mp] {
    flex-shrink: 0;
    color: var(--x-color-muted-foreground);
}

.top-nav-pill-select[b-i7agcax5mp] {
    appearance: none;
    border: none;
    background: transparent;
    font-size: var(--x-text-xs);
    font-weight: 500;
    color: var(--x-color-foreground);
    cursor: pointer;
    outline: none;
    padding: 0;
    flex: 1;
    min-width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.top-nav-pill-select:focus-visible[b-i7agcax5mp] {
    outline: 2px solid var(--x-color-primary);
    outline-offset: 2px;
    border-radius: var(--x-radius-sm);
}

/* Phase 142 (2026-05-13): RETIRED. xablu-libs#43 closed upstream — Xablu.Blazor
   v3.61.0+ added `XSelect.Size="ComponentSize.Small"` (32px tall, text-xs preset)
   + `XSelect.HideChevron="true"` (suppresses background-image chevron SVG).
   The two parameters now land typed on the XSelect call sites above; the
   .top-nav-pill ::deep input padding/chevron-suppression shim is no longer
   needed and is removed. */

.top-nav-pill-chevron[b-i7agcax5mp] {
    flex-shrink: 0;
    color: var(--x-color-muted-foreground);
    pointer-events: none;
}

.top-nav-pill-placeholder[b-i7agcax5mp] {
    font-size: var(--x-text-xs);
    font-weight: 500;
    color: var(--x-color-muted-foreground);
}

/* Notification actions row */
.top-nav-actions[b-i7agcax5mp] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
}

/* Phase 147 Bundle N — bell wrapper provides the positioning context the
   NotificationDropdown anchors its absolute positioning to. */
.top-nav-bell-wrapper[b-i7agcax5mp] {
    position: relative;
}

/* User avatar in top bar */
.top-nav-avatar-wrapper[b-i7agcax5mp] {
    position: relative;
    display: inline-flex;
    margin-left: var(--x-spacing-2);
    cursor: pointer;
}

/* E1/E2: Clickable wrapper for notification bell and avatar */
.top-nav-clickable[b-i7agcax5mp] {
    cursor: pointer;
    border-radius: var(--x-radius-md);
    transition: background-color var(--x-transition-fast);
}

.top-nav-clickable:hover[b-i7agcax5mp] {
    background-color: var(--x-color-muted);
}

.top-nav-clickable:focus-visible[b-i7agcax5mp] {
    outline: 2px solid var(--x-color-ring);
    outline-offset: 2px;
}

/* Avatar badge positioning moved to app.css as .top-nav-avatar-badge (child component boundary) */

/* Responsive: hide search and pills on small screens */
@media (max-width: 768px) {
    .top-nav-search[b-i7agcax5mp],
    .top-nav-pill[b-i7agcax5mp] {
        display: none;
    }
}

@media (max-width: 640px) {
    .top-nav-bar[b-i7agcax5mp] {
        padding: 0 var(--x-spacing-3);
        height: 48px;
    }

    .top-nav-actions[b-i7agcax5mp] {
        gap: 0;
    }
}
/* /Components/Layout/UserProfileMenu.razor.rz.scp.css */
/* UserProfileMenu - Dropdown matching Figma node 905:34330 */

.profile-menu-backdrop[b-b3c8wa5gat] {
    position: fixed;
    inset: 0;
    z-index: 999;
}

.profile-menu[b-b3c8wa5gat] {
    position: fixed;
    top: 60px;
    z-index: 1000;
    width: 220px;
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    box-shadow: var(--x-elevation-sm), 0 2px 4px -2px rgba(0, 0, 0, 0.05));
    overflow: hidden;
}

/* Header: name + email */
.profile-menu-header[b-b3c8wa5gat] {
    padding: var(--x-spacing-3) var(--x-spacing-4) var(--x-spacing-2);
}

.profile-menu-name[b-b3c8wa5gat] {
    font-weight: 700;
    font-size: var(--x-text-sm);
    line-height: 21px;
    color: var(--x-color-foreground);
}

.profile-menu-email[b-b3c8wa5gat] {
    font-size: var(--x-text-xs);
    line-height: 18px;
    color: var(--x-color-muted-foreground);
}

/* Dividers */
.profile-menu-divider[b-b3c8wa5gat] {
    height: 1px;
    background-color: var(--x-color-border);
}

.profile-menu-divider-inset[b-b3c8wa5gat] {
    height: 1px;
    background-color: var(--x-color-border);
    margin: 0 var(--x-spacing-3);
}

/* Section */
.profile-menu-section[b-b3c8wa5gat] {
    padding: var(--x-spacing-3) 0 var(--x-spacing-1);
}

.profile-menu-section-label[b-b3c8wa5gat] {
    font-weight: 700;
    font-size: var(--x-text-xs);
    line-height: 18px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: var(--x-color-muted-foreground);
    padding: 0 var(--x-spacing-4) var(--x-spacing-1);
}

/* Organization item */
.profile-menu-org-item[b-b3c8wa5gat] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-2) var(--x-spacing-4);
    cursor: pointer;
    transition: background-color var(--x-transition-normal);
}

.profile-menu-org-item:hover[b-b3c8wa5gat] {
    background-color: var(--x-color-muted);
}

.profile-menu-org-item.current[b-b3c8wa5gat] {
    background-color: var(--x-color-muted);
}

.profile-menu-org-badge[b-b3c8wa5gat] {
    width: 32px;
    height: 32px;
    border-radius: var(--x-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: var(--x-text-xs);
    line-height: 18px;
    color: var(--x-color-primary-foreground);
    flex-shrink: 0;
}

.profile-menu-org-name[b-b3c8wa5gat] {
    font-size: var(--x-text-sm);
    line-height: 21px;
    color: var(--x-color-foreground);
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-menu-chevron[b-b3c8wa5gat] {
    flex-shrink: 0;
    color: var(--x-color-muted-foreground);
}

/* Links (Manage Organizations, My Account, Sign Out) */
.profile-menu-link[b-b3c8wa5gat] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-2) var(--x-spacing-4);
    font-size: var(--x-text-sm);
    line-height: 21px;
    color: var(--x-color-foreground);
    text-decoration: none;
    cursor: pointer;
    transition: background-color var(--x-transition-normal);
}

.profile-menu-link:hover[b-b3c8wa5gat] {
    background-color: var(--x-color-muted);
}

.profile-menu-link.accent[b-b3c8wa5gat] {
    color: var(--x-color-primary);
}

.profile-menu-link.accent svg[b-b3c8wa5gat] {
    color: var(--x-color-primary);
}

.profile-menu-link.danger[b-b3c8wa5gat] {
    color: var(--x-color-destructive);
}

.profile-menu-link.danger svg[b-b3c8wa5gat] {
    color: var(--x-color-destructive);
}
/* /Components/Layout/XToastContainer.razor.rz.scp.css */
/* XToastContainer — scoped CSS for toast notifications */

.toast-container[b-ez07jf5y7t] {
    position: fixed;
    bottom: var(--x-spacing-6);
    right: var(--x-spacing-6);
    z-index: var(--z-index-toast);
    display: flex;
    flex-direction: column-reverse;
    gap: var(--x-spacing-2);
    pointer-events: none;
    max-width: 420px;
    width: 100%;
}

.toast[b-ez07jf5y7t] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-3) var(--x-spacing-4);
    border-radius: var(--x-radius-lg);
    box-shadow: var(--x-elevation-lg);
    font-size: var(--x-text-sm);
    line-height: var(--x-line-height-md);
    pointer-events: auto;
    border-left: 3px solid transparent;
    animation: toast-slide-in-b-ez07jf5y7t var(--x-duration-slow) ease-in-out forwards;
}

/* Level-specific styles */
.toast-success[b-ez07jf5y7t] {
    background: var(--x-color-success-muted);
    border-left-color: var(--x-color-success);
    color: var(--x-color-success);
}

.toast-error[b-ez07jf5y7t] {
    background: var(--x-color-destructive-muted);
    border-left-color: var(--x-color-destructive);
    color: var(--x-color-destructive);
}

.toast-warning[b-ez07jf5y7t] {
    background: var(--x-color-warning-muted);
    border-left-color: var(--x-color-warning);
    color: var(--x-color-warning);
}

.toast-info[b-ez07jf5y7t] {
    background: var(--x-color-info-muted);
    border-left-color: var(--x-color-info);
    color: var(--x-color-info);
}

/* Icon */
.toast-icon[b-ez07jf5y7t] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding-top: 2px;
}

.toast-success .toast-icon[b-ez07jf5y7t] { color: var(--x-color-success); }
.toast-error .toast-icon[b-ez07jf5y7t] { color: var(--x-color-destructive); }
.toast-warning .toast-icon[b-ez07jf5y7t] { color: var(--x-color-warning); }
.toast-info .toast-icon[b-ez07jf5y7t] { color: var(--x-color-info); }

/* Body */
.toast-body[b-ez07jf5y7t] {
    flex: 1;
    min-width: 0;
}

.toast-message[b-ez07jf5y7t] {
    word-break: break-word;
}

/* Action buttons */
.toast-actions[b-ez07jf5y7t] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    flex-shrink: 0;
    margin-left: auto;
}

.toast-btn[b-ez07jf5y7t] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    border-radius: var(--x-radius-sm);
    background: transparent;
    cursor: pointer;
    color: inherit;
    opacity: 0.6;
    transition: opacity var(--x-duration-fast) ease-in-out,
                background var(--x-duration-fast) ease-in-out;
}

.toast-btn:hover[b-ez07jf5y7t] {
    opacity: 1;
    background: rgba(0, 0, 0, 0.08);
}

.toast-btn:focus-visible[b-ez07jf5y7t] {
    outline: 2px solid var(--x-color-ring);
    outline-offset: 1px;
}

/* Slide-in animation */
@keyframes toast-slide-in-b-ez07jf5y7t {
    from {
        opacity: 0;
        transform: translateX(100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
/* /Components/MarketIntelligence/AiAssessmentPanel.razor.rz.scp.css */
/* AI Assessment Panel — Figma Make parity, reused across VoC/VoA/SEO */

.ai-assessment-panel[b-dtkx01pmjn] {
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-card);
    background: var(--x-color-card);
    padding: var(--x-spacing-5);
}

.ai-assessment-header[b-dtkx01pmjn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--x-spacing-4);
    gap: var(--x-spacing-4);
}

.ai-assessment-header-left[b-dtkx01pmjn] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.ai-assessment-icon[b-dtkx01pmjn] {
    color: var(--x-color-ai);
    flex-shrink: 0;
}

.ai-assessment-title[b-dtkx01pmjn] {
    color: var(--x-color-foreground);
    margin: 0;
}

.ai-assessment-header-right[b-dtkx01pmjn] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
}

.ai-assessment-timestamp[b-dtkx01pmjn] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    white-space: nowrap;
}

.ai-assessment-regenerate[b-dtkx01pmjn] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    padding: var(--x-spacing-1) var(--x-spacing-3);
    border: 1px solid var(--x-color-primary);
    border-radius: var(--x-radius-button);
    background: transparent;
    color: var(--x-color-primary);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    cursor: pointer;
    transition: background-color var(--x-transition-normal);
}

.ai-assessment-regenerate:hover:not(:disabled)[b-dtkx01pmjn] {
    background: var(--x-color-primary-muted);
}

.ai-assessment-regenerate:disabled[b-dtkx01pmjn] {
    opacity: 0.6;
    cursor: not-allowed;
}

.ai-assessment-narrative[b-dtkx01pmjn] {
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    line-height: 1.7;
}

.ai-assessment-narrative p[b-dtkx01pmjn] {
    margin: 0 0 var(--x-spacing-3);
}

.ai-assessment-narrative p:last-child[b-dtkx01pmjn] {
    margin-bottom: 0;
}

.ai-assessment-empty[b-dtkx01pmjn] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    text-align: center;
    padding: var(--x-spacing-6) var(--x-spacing-4);
}
/* /Components/MarketIntelligence/AuthorityOverviewGrid.razor.rz.scp.css */
/* Authority Overview Grid — 3-col card layout matching Figma Make VoA Section A */

.auth-grid-container[b-6m4wc69bgy] {
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-card);
    background: var(--x-color-card);
    padding: var(--x-spacing-5);
}

.auth-grid-header[b-6m4wc69bgy] {
    margin-bottom: var(--x-spacing-4);
}

.auth-grid-title[b-6m4wc69bgy] {
    color: var(--x-color-foreground);
    margin: 0;
}

.auth-grid[b-6m4wc69bgy] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--x-spacing-4);
}

.auth-card[b-6m4wc69bgy] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-4);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-lg);
    background: var(--x-color-card);
    cursor: pointer;
    text-align: left;
    transition: all var(--x-transition-normal);
}

.auth-card:hover[b-6m4wc69bgy] {
    box-shadow: var(--x-elevation-sm);
}

.auth-card--selected[b-6m4wc69bgy] {
    border: 2px solid var(--x-color-primary);
    background: var(--x-color-primary-muted);
}

.auth-card-top[b-6m4wc69bgy] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-3);
}

.auth-card-avatar[b-6m4wc69bgy] {
    width: 48px;
    height: 48px;
    border-radius: var(--x-radius-full);
    overflow: hidden;
    flex-shrink: 0;
    background: var(--x-color-muted);
    display: flex;
    align-items: center;
    justify-content: center;
}

.auth-card-avatar-img[b-6m4wc69bgy] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.auth-card-avatar-initials[b-6m4wc69bgy] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-primary);
}

.auth-card-info[b-6m4wc69bgy] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.auth-card-name[b-6m4wc69bgy] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

.auth-card-title[b-6m4wc69bgy] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.auth-card-location[b-6m4wc69bgy] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.auth-card-signals[b-6m4wc69bgy] {
    display: flex;
}

.auth-card-signal-badge[b-6m4wc69bgy] {
    padding: var(--x-spacing-1) var(--x-spacing-2);
    border-radius: var(--x-radius-full);
    background: var(--x-color-primary-muted);
    color: var(--x-color-primary-hover);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
}

.auth-grid-empty[b-6m4wc69bgy] {
    text-align: center;
    padding: var(--x-spacing-8) var(--x-spacing-4);
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
}

.auth-grid-pagination[b-6m4wc69bgy] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-4);
    margin-top: var(--x-spacing-4);
    padding-top: var(--x-spacing-3);
    border-top: 1px solid var(--x-color-border);
}

.auth-grid-page-btn[b-6m4wc69bgy] {
    padding: var(--x-spacing-1) var(--x-spacing-3);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-button);
    background: var(--x-color-card);
    color: var(--x-color-foreground);
    font-size: var(--x-text-xs);
    cursor: pointer;
}

.auth-grid-page-btn:disabled[b-6m4wc69bgy] {
    opacity: 0.4;
    cursor: not-allowed;
}

.auth-grid-page-info[b-6m4wc69bgy] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

@media (max-width: 1024px) {
    .auth-grid[b-6m4wc69bgy] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
    .auth-grid[b-6m4wc69bgy] { grid-template-columns: 1fr; }
}
/* /Components/MarketIntelligence/CompetitorAnalysisTab.razor.rz.scp.css */
.cat-loading-state[b-qfv53xcx2j],
.cat-error-state[b-qfv53xcx2j] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--x-spacing-12) var(--x-spacing-4);
}
/* /Components/MarketIntelligence/CompetitorCwcTab.razor.rz.scp.css */
.competitor-cwc-tab[b-rhp95owdmx] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1rem 0;
}

.ccwc-filter-bar[b-rhp95owdmx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.ccwc-filter-bar .x-select[b-rhp95owdmx] {
    min-width: 240px;
}

.ccwc-divider[b-rhp95owdmx] {
    height: 1px;
    background: var(--x-color-border);
    margin: 0.5rem 0;
}

.ccwc-narrative-section[b-rhp95owdmx] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.ccwc-loading[b-rhp95owdmx],
.ccwc-empty[b-rhp95owdmx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 3rem 2rem;
    text-align: center;
}
/* /Components/MarketIntelligence/CompetitorDetailPage.razor.rz.scp.css */
.competitor-detail-page[b-8kmhfk2bm0] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-6);
}

.detail-top-bar[b-8kmhfk2bm0] {
    display: flex;
    align-items: center;
    padding: 0 0 var(--x-spacing-2) 0;
}

.go-back-link[b-8kmhfk2bm0] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
    background: none;
    border: none;
    cursor: pointer;
    padding: var(--x-spacing-2) var(--x-spacing-4);
    border-radius: var(--x-radius-lg);
    border: 1px solid var(--x-color-border);
    color: var(--x-color-foreground);
    font-size: var(--x-text-xs);
}

.comp-detail-card[b-8kmhfk2bm0] {
    padding: var(--x-spacing-6);
    border-radius: var(--x-radius-card);
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
}

.comp-detail-header[b-8kmhfk2bm0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: var(--x-spacing-6);
}

/* Robust stacking for the name + description + knowledge-note labels.
   XLabel renders an inline element; a scoped .razor.css `display:block`
   on the consumer Class CANNOT reach it (CSS isolation does not tag a
   child component's internals with the parent scope). A flex-column
   parent — the page's OWN div, which the scope DOES tag — stacks the
   labels regardless of their inline/block nature. This is the reliable
   pattern; the per-label display:block below is belt-and-suspenders. */
.comp-detail-headings[b-8kmhfk2bm0] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

/* These three classes are passed to <XLabel> — a CHILD component. Blazor
   CSS isolation does NOT tag a child component's rendered element with the
   parent's scope attribute, so a plain `.comp-detail-name { … }` scoped
   rule never matches. `::deep` is required: it compiles to
   `[b-pagescope] .comp-detail-name`, matching the class wherever it lands
   below the page's scoped subtree. The `.comp-detail-headings` flex-column
   parent owns the stacking; these rules own the typography. */

.comp-detail-headings[b-8kmhfk2bm0]  .comp-detail-name {
    color: var(--x-color-foreground);
    margin: 0 0 var(--x-spacing-2);
}

/* Company description — primary profile copy at the readable body scale
   (--x-text-sm). Caption scale read as an afterthought under the H2. */
.comp-detail-headings[b-8kmhfk2bm0]  .comp-detail-about {
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    line-height: 1.6;
    margin: 0 0 var(--x-spacing-2);
    max-width: 80ch;
}

/* Knowledge-provenance note (DiscoveryContext) — AI/system-derived meta,
   distinct from the company's own description: caption scale, muted,
   italic, with a left accent rule so it reads as a system annotation. */
.comp-detail-headings[b-8kmhfk2bm0]  .comp-detail-discovery {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    font-style: italic;
    line-height: 1.5;
    margin: var(--x-spacing-1) 0 0;
    padding-left: var(--x-spacing-3);
    border-left: 2px solid var(--x-color-border);
    max-width: 80ch;
}

.comp-detail-status-badge[b-8kmhfk2bm0] {
    padding: var(--x-spacing-1) var(--x-spacing-3);
    border-radius: var(--x-radius-full);
    background-color: var(--x-color-success-muted);
    color: var(--x-color-success);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-bold);
    text-transform: capitalize;
}

.comp-detail-info-grid[b-8kmhfk2bm0] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--x-spacing-4);
}

.comp-detail-info-item[b-8kmhfk2bm0] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.comp-detail-info-label[b-8kmhfk2bm0] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.comp-detail-info-value[b-8kmhfk2bm0] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-bold);
    color: var(--x-color-foreground);
}

.comp-detail-info-link[b-8kmhfk2bm0] {
    font-size: var(--x-text-xs);
    color: var(--x-color-primary);
    text-decoration: none;
}

.comp-detail-info-link:hover[b-8kmhfk2bm0] {
    text-decoration: underline;
}

.comp-detail-section-title[b-8kmhfk2bm0] {
    color: var(--x-color-foreground);
    margin: 0 0 var(--x-spacing-4);
}

.comp-detail-swot-grid[b-8kmhfk2bm0] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--x-spacing-6);
}

.comp-detail-swot-label[b-8kmhfk2bm0] {
    display: block;
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--x-spacing-3);
}

.comp-detail-swot--strength[b-8kmhfk2bm0] { color: var(--x-color-success); }
.comp-detail-swot--weakness[b-8kmhfk2bm0] { color: var(--x-color-destructive); }

.comp-detail-swot-item[b-8kmhfk2bm0] {
    padding: var(--x-spacing-3);
    border-radius: var(--x-radius-lg);
    margin-bottom: var(--x-spacing-2);
    font-size: var(--x-text-xs);
}

.comp-detail-swot-item--strength[b-8kmhfk2bm0] {
    background-color: var(--x-color-success-muted);
    border: 1px solid var(--x-color-success-muted);
    color: var(--x-color-success);
}

.comp-detail-swot-item--weakness[b-8kmhfk2bm0] {
    background-color: var(--x-color-destructive-muted);
    border: 1px solid var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
}

.comp-detail-people-stub[b-8kmhfk2bm0] {
    padding: var(--x-spacing-6);
    border-radius: var(--x-radius-lg);
    background-color: var(--x-color-background);
    border: 1px dashed var(--x-color-border);
    text-align: center;
}

/* Sprint CM: People grid */
.comp-detail-people-grid[b-8kmhfk2bm0] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--x-spacing-4);
}

.comp-detail-person-card[b-8kmhfk2bm0] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-4);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-lg);
    cursor: pointer;
    transition: box-shadow var(--x-duration-fast) var(--x-ease-out), border-color var(--x-duration-fast) var(--x-ease-out);
}

.comp-detail-person-card:hover[b-8kmhfk2bm0] {
    border-color: var(--x-color-primary-muted);
    box-shadow: var(--x-elevation-card);
}

.comp-detail-person-avatar[b-8kmhfk2bm0] {
    width: var(--x-avatar-size-s);
    height: var(--x-avatar-size-s);
    border-radius: var(--x-radius-full);
    background: var(--x-color-primary-muted);
    color: var(--x-color-primary-hover);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--x-font-weight-semibold);
    font-size: var(--x-text-base);
    flex-shrink: 0;
}

.comp-detail-person-info[b-8kmhfk2bm0] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-0-5);
}

.comp-detail-person-name[b-8kmhfk2bm0] {
    font-weight: var(--x-font-weight-semibold);
    font-size: var(--x-text-sm);
}

.comp-detail-person-role[b-8kmhfk2bm0] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}
/* /Components/MarketIntelligence/CompetitorNarrativePanel.razor.rz.scp.css */
.competitor-narrative-panel[b-y3up49p2j1] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.cnp-loading[b-y3up49p2j1],
.cnp-empty[b-y3up49p2j1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 3rem 2rem;
    text-align: center;
}

.cnp-content[b-y3up49p2j1] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.cnp-header[b-y3up49p2j1] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.cnp-chart-section[b-y3up49p2j1] {
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: 0.5rem;
    padding: 0.75rem;
}

.cnp-chart-svg[b-y3up49p2j1] {
    width: 100%;
    height: auto;
    display: block;
}

.cnp-topics-row[b-y3up49p2j1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.cnp-legend-item[b-y3up49p2j1] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.cnp-legend-dot[b-y3up49p2j1] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.cnp-legend-dot--0[b-y3up49p2j1] { background: var(--x-color-info); }
.cnp-legend-dot--1[b-y3up49p2j1] { background: var(--x-color-warning); }
.cnp-legend-dot--2[b-y3up49p2j1] { background: var(--x-color-success); }
.cnp-legend-dot--3[b-y3up49p2j1] { background: var(--x-color-destructive); }
.cnp-legend-dot--4[b-y3up49p2j1] { background: var(--x-color-info); }

.cnp-whitespots[b-y3up49p2j1] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem;
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: 0.5rem;
}

.cnp-whitespots-header[b-y3up49p2j1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.cnp-whitespot-chips[b-y3up49p2j1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

.cnp-whitespot-chip[b-y3up49p2j1] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.625rem;
    background: var(--x-color-info-muted);
    border: 1px solid var(--x-color-info);
    border-radius: 9999px;
    font-size: var(--x-text-sm);
    color: var(--x-color-info);
    font-weight: 500;
}

.cnp-no-whitespots[b-y3up49p2j1] {
    padding: 0.75rem;
}

.cnp-footer[b-y3up49p2j1] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}
/* /Components/MarketIntelligence/CompetitorOverviewGrid.razor.rz.scp.css */
/* Competitor Overview Grid — 5-col card layout matching Figma Make */

.comp-grid-container[b-pttzwzezaa] {
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-card);
    background: var(--x-color-card);
    padding: var(--x-spacing-5);
}

.comp-grid-header[b-pttzwzezaa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--x-spacing-4);
}

.comp-grid-title[b-pttzwzezaa] {
    color: var(--x-color-foreground);
    margin: 0;
}

.comp-grid[b-pttzwzezaa] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--x-spacing-3);
}

.comp-card[b-pttzwzezaa] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-4);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-lg);
    background: var(--x-color-card);
    cursor: pointer;
    text-align: left;
    transition: box-shadow var(--x-transition-normal), border-color var(--x-transition-normal);
}

.comp-card:hover[b-pttzwzezaa] {
    box-shadow: var(--x-elevation-sm);
    border-color: var(--x-color-primary);
}

.comp-card-name[b-pttzwzezaa] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comp-card-position[b-pttzwzezaa] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.comp-card-threat[b-pttzwzezaa] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    text-transform: capitalize;
}

.comp-card-threat-dot[b-pttzwzezaa] {
    width: 6px;
    height: 6px;
    border-radius: var(--x-radius-full);
    flex-shrink: 0;
}

.comp-card-threat--high[b-pttzwzezaa] { color: var(--x-color-destructive); }
.comp-card-threat--high .comp-card-threat-dot[b-pttzwzezaa] { background: var(--x-color-destructive); }
.comp-card-threat--medium[b-pttzwzezaa] { color: var(--x-color-warning); }
.comp-card-threat--medium .comp-card-threat-dot[b-pttzwzezaa] { background: var(--x-color-warning); }
.comp-card-threat--low[b-pttzwzezaa] { color: var(--x-color-success); }
.comp-card-threat--low .comp-card-threat-dot[b-pttzwzezaa] { background: var(--x-color-success); }
.comp-card-threat--none[b-pttzwzezaa] { color: var(--x-color-muted-foreground); }
.comp-card-threat--none .comp-card-threat-dot[b-pttzwzezaa] { background: var(--x-color-muted-foreground); }

.comp-card-signals[b-pttzwzezaa] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.comp-grid-empty[b-pttzwzezaa] {
    text-align: center;
    padding: var(--x-spacing-8) var(--x-spacing-4);
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
}

.comp-grid-pagination[b-pttzwzezaa] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-4);
    margin-top: var(--x-spacing-4);
    padding-top: var(--x-spacing-3);
    border-top: 1px solid var(--x-color-border);
}

.comp-grid-page-btn[b-pttzwzezaa] {
    padding: var(--x-spacing-1) var(--x-spacing-3);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-button);
    background: var(--x-color-card);
    color: var(--x-color-foreground);
    font-size: var(--x-text-xs);
    cursor: pointer;
}

.comp-grid-page-btn:disabled[b-pttzwzezaa] {
    opacity: 0.4;
    cursor: not-allowed;
}

.comp-grid-page-info[b-pttzwzezaa] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

@media (max-width: 1280px) {
    .comp-grid[b-pttzwzezaa] { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
    .comp-grid[b-pttzwzezaa] { grid-template-columns: repeat(2, 1fr); }
}
/* /Components/MarketIntelligence/CompetitorProfileHeader.razor.rz.scp.css */
.profile-header[b-3b9f125ya4] {
    display: flex;
    gap: var(--x-spacing-6);
}

.profile-left[b-3b9f125ya4] {
    display: flex;
    gap: var(--x-spacing-4);
    flex: 1;
    min-width: 0;
}

.profile-logo[b-3b9f125ya4] {
    width: var(--x-avatar-size-m);
    height: var(--x-avatar-size-m);
    border-radius: var(--x-radius-md);
    background-color: var(--x-color-primary-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.profile-info[b-3b9f125ya4] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    min-width: 0;
}

.profile-metadata[b-3b9f125ya4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--x-spacing-1) var(--x-spacing-8);
    flex-shrink: 0;
}

.metadata-row[b-3b9f125ya4] {
    display: flex;
    align-items: baseline;
    gap: var(--x-spacing-2);
}

.metadata-label[b-3b9f125ya4] {
    font-weight: var(--x-font-weight-semibold);
    white-space: nowrap;
}

@media (max-width: 1024px) {
    .profile-header[b-3b9f125ya4] {
        flex-direction: column;
    }

    .profile-metadata[b-3b9f125ya4] {
        grid-template-columns: 1fr;
    }
}
/* /Components/MarketIntelligence/ConfidenceBadge.razor.rz.scp.css */
.confidence-badge[b-n407ydmk2n] {
    display: inline-flex;
    align-items: center;
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.confidence-badge--very-high[b-n407ydmk2n] { background: var(--x-color-info-muted);    color: var(--x-color-info); }
.confidence-badge--high[b-n407ydmk2n]      { background: var(--x-color-success-muted); color: var(--x-color-success); }
.confidence-badge--medium[b-n407ydmk2n]    { background: var(--x-color-warning-muted); color: var(--x-color-warning); }
.confidence-badge--low[b-n407ydmk2n]       { background: var(--x-color-card); color: var(--x-color-muted-foreground); }
/* /Components/MarketIntelligence/ContentInsightsPanel.razor.rz.scp.css */
/* Content Insights Panel — reusable across VoC/VoA/SEO */

.insights-panel[b-4p7thocu1j] {
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-card);
    background: var(--x-color-card);
    padding: var(--x-spacing-5);
}

.insights-grid[b-4p7thocu1j] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--x-spacing-5);
    margin-bottom: var(--x-spacing-5);
}

.insights-section-label[b-4p7thocu1j] {
    color: var(--x-color-muted-foreground);
    margin: 0 0 var(--x-spacing-2);
}

.insights-pills[b-4p7thocu1j] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-2);
}

.insights-pill[b-4p7thocu1j] {
    padding: var(--x-spacing-1) var(--x-spacing-3);
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
}

.insights-pill--primary[b-4p7thocu1j] {
    background: var(--x-color-primary-muted);
    color: var(--x-color-primary-hover);
}

.insights-pill--secondary[b-4p7thocu1j] {
    background: var(--x-color-muted);
    color: var(--x-color-card-foreground);
}

.insights-list[b-4p7thocu1j] {
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    line-height: 1.8;
    padding-left: var(--x-spacing-5);
    margin: 0;
}

.insights-empty[b-4p7thocu1j] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    font-style: italic;
}

/* Proposed Actions */
.insights-actions[b-4p7thocu1j] {
    border-top: 1px solid var(--x-color-border);
    padding-top: var(--x-spacing-4);
}

.insights-actions-list[b-4p7thocu1j] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.insights-action-card[b-4p7thocu1j] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-3);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    background: var(--x-color-background);
}

.insights-action-priority[b-4p7thocu1j] {
    padding: 2px var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    letter-spacing: 0.5px;
    white-space: nowrap;
    flex-shrink: 0;
}

.insights-action-priority--high[b-4p7thocu1j] {
    background: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
}

.insights-action-priority--medium[b-4p7thocu1j] {
    background: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.insights-action-priority--low[b-4p7thocu1j] {
    background: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
}

.insights-action-content[b-4p7thocu1j] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.insights-action-title[b-4p7thocu1j] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

.insights-action-desc[b-4p7thocu1j] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

@media (max-width: 768px) {
    .insights-grid[b-4p7thocu1j] {
        grid-template-columns: 1fr;
    }
}
/* /Components/MarketIntelligence/ContentVelocityComparison.razor.rz.scp.css */
/* ContentVelocityComparison — stub component */

.velocity-stub[b-a2808yyxiq] {
    padding: var(--x-spacing-6);
    border-radius: var(--x-radius-lg);
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
}

.velocity-stub-header h4[b-a2808yyxiq] {
    font-size: var(--x-text-base);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    margin: 0;
}

.velocity-stub-desc[b-a2808yyxiq] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    margin: var(--x-spacing-1) 0 0 0;
    line-height: 1.5;
}

.velocity-stub-empty[b-a2808yyxiq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-8) 0;
    color: var(--x-color-muted-foreground);
}

.velocity-stub-empty span[b-a2808yyxiq] {
    font-size: var(--x-text-xl);
}

.velocity-stub-empty p[b-a2808yyxiq] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    margin: 0;
    text-align: center;
    max-width: 360px;
    line-height: 1.5;
}
/* /Components/MarketIntelligence/CustomerMetricsDashboard.razor.rz.scp.css */
.customer-metrics-dashboard[b-m7qb5p5fah] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: var(--x-spacing-4);
}

.metric-card[b-m7qb5p5fah] {
    padding: var(--x-spacing-4);
    border-radius: var(--x-radius-card);
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
}

.metric-card--positive[b-m7qb5p5fah] {
    background-color: var(--x-color-success-muted);
    border-color: var(--x-color-success-muted);
}

.metric-card--positive .metric-label[b-m7qb5p5fah] {
    color: var(--x-color-success);
}

.metric-card--positive .metric-value[b-m7qb5p5fah] {
    color: var(--x-color-success);
}

.metric-card--neutral[b-m7qb5p5fah] {
    background-color: var(--x-color-warning-muted);
    border-color: var(--x-color-warning-muted);
}

.metric-card--neutral .metric-label[b-m7qb5p5fah] {
    color: var(--x-color-warning);
}

.metric-card--neutral .metric-value[b-m7qb5p5fah] {
    color: var(--x-color-warning);
}

.metric-card--negative[b-m7qb5p5fah] {
    background-color: var(--x-color-destructive-muted);
    border-color: var(--x-color-destructive-muted);
}

.metric-card--negative .metric-label[b-m7qb5p5fah] {
    color: var(--x-color-destructive);
}

.metric-card--negative .metric-value[b-m7qb5p5fah] {
    color: var(--x-color-destructive);
}

.metric-header[b-m7qb5p5fah] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--x-spacing-2);
}

.metric-label[b-m7qb5p5fah] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
}

.metric-value[b-m7qb5p5fah] {
    font-size: var(--x-text-3xl);
    font-weight: var(--x-font-weight-bold);
    color: var(--x-color-foreground);
    margin-bottom: var(--x-spacing-1);
}

.metric-unit[b-m7qb5p5fah] {
    font-size: var(--x-text-base);
    color: var(--x-color-muted-foreground);
}

.metric-sublabel[b-m7qb5p5fah] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.metric-trend[b-m7qb5p5fah] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
}

.metric-trend--positive[b-m7qb5p5fah] {
    color: var(--x-color-success);
}
/* /Components/MarketIntelligence/CwcBreakdownPanel.razor.rz.scp.css */
.cwc-sections[b-b64ismvwgv] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.cwc-empty-state[b-b64ismvwgv] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--x-spacing-6);
}

.cwc-section-header[b-b64ismvwgv] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-3);
}

.cwc-columns[b-b64ismvwgv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--x-spacing-4);
}

.cwc-column-title[b-b64ismvwgv] {
    font-weight: var(--x-font-weight-semibold);
    margin-bottom: var(--x-spacing-2);
    display: block;
}

.cwc-list[b-b64ismvwgv] {
    margin: 0;
    padding-left: var(--x-spacing-5);
}

.cwc-list li[b-b64ismvwgv] {
    margin-bottom: var(--x-spacing-1);
}

/* v3.44.1 absorption: .cwc-section-{compliments,wishes,complaints} retired — outer wrapper
   div was dropped, inner XCard now carries AccentColor + AccentBorder driven by
   GetBadgeColor(label). Lib-canonical 3px top-edge accent replaces the consumer-side
   border-left. */

@media (max-width: 768px) {
    .cwc-columns[b-b64ismvwgv] {
        grid-template-columns: 1fr;
    }
}
/* /Components/MarketIntelligence/CwcFeedbackTable.razor.rz.scp.css */
.cwc-feedback-table[b-1887cgkrw2] {
    border-radius: var(--x-radius-card);
    overflow: hidden;
    border: 1px solid var(--x-color-border);
    background-color: var(--x-color-card);
    max-height: 400px;
    display: flex;
    flex-direction: column;
}

.cwc-table-header[b-1887cgkrw2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--x-spacing-3) var(--x-spacing-6);
    border-bottom: 1px solid var(--x-color-border);
}

.cwc-table-header--positive[b-1887cgkrw2] { background-color: var(--x-color-success-muted); }
.cwc-table-header--complaint[b-1887cgkrw2] { background-color: var(--x-color-destructive-muted); }
.cwc-table-header--wish[b-1887cgkrw2] { background-color: var(--x-color-warning-muted); }
.cwc-table-header--concern[b-1887cgkrw2] { background-color: var(--x-color-destructive-muted); }

.cwc-table-header-left[b-1887cgkrw2] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.cwc-table-title[b-1887cgkrw2] {
    font-size: var(--x-text-base);
    font-weight: var(--x-font-weight-semibold);
}

.cwc-table-header--positive .cwc-table-title[b-1887cgkrw2] { color: var(--x-color-success); }
.cwc-table-header--complaint .cwc-table-title[b-1887cgkrw2] { color: var(--x-color-destructive); }
.cwc-table-header--wish .cwc-table-title[b-1887cgkrw2] { color: var(--x-color-warning); }
.cwc-table-header--concern .cwc-table-title[b-1887cgkrw2] { color: var(--x-color-destructive); }

.cwc-table-count[b-1887cgkrw2] {
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-semibold);
}

.cwc-table-header--positive .cwc-table-count[b-1887cgkrw2] {
    background-color: var(--x-color-success-muted);
    color: var(--x-color-success);
}

.cwc-table-header--complaint .cwc-table-count[b-1887cgkrw2] {
    background-color: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
}

.cwc-table-header--wish .cwc-table-count[b-1887cgkrw2] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.cwc-table-header--concern .cwc-table-count[b-1887cgkrw2] {
    background-color: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
}

.cwc-table-body[b-1887cgkrw2] {
    overflow-y: auto;
    flex: 1;
}

.cwc-table[b-1887cgkrw2] {
    width: 100%;
    border-collapse: collapse;
}

.cwc-th[b-1887cgkrw2] {
    padding: var(--x-spacing-3) var(--x-spacing-6);
    text-align: left;
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background-color: var(--x-color-background);
    border-bottom: 1px solid var(--x-color-border);
    position: sticky;
    top: 0;
}

.cwc-row[b-1887cgkrw2] {
    border-bottom: 1px solid var(--x-color-border);
    cursor: pointer;
    transition: background-color var(--x-duration-fast) var(--x-ease-out);
}

.cwc-row:hover[b-1887cgkrw2] {
    background-color: var(--x-color-background);
}

.cwc-td[b-1887cgkrw2] {
    padding: var(--x-spacing-4) var(--x-spacing-6);
    vertical-align: top;
}

.cwc-topic[b-1887cgkrw2] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
}

.cwc-evidence[b-1887cgkrw2] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    line-height: 1.5;
}

.cwc-impact[b-1887cgkrw2] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
    padding: var(--x-spacing-1) var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-semibold);
}

.cwc-impact--complaint[b-1887cgkrw2] {
    background-color: var(--x-color-success-muted);
    color: var(--x-color-success);
}

.cwc-impact--wish[b-1887cgkrw2] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.cwc-impact--concern[b-1887cgkrw2] {
    background-color: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
}

.cwc-source[b-1887cgkrw2] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.cwc-empty[b-1887cgkrw2] {
    padding: var(--x-spacing-8);
    text-align: center;
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
}
/* /Components/MarketIntelligence/IcpMatrixPage.razor.rz.scp.css */
.icp-matrix-page[b-mrocng0bxh] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-6);
}

.icp-matrix-header[b-mrocng0bxh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: var(--x-spacing-6);
    border-radius: var(--x-radius-card);
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
}

.icp-total-badge[b-mrocng0bxh] {
    display: flex;
    flex-direction: column;
    padding: var(--x-spacing-3) var(--x-spacing-4);
    border-radius: var(--x-radius-lg);
    background-color: var(--x-color-primary-muted);
    border: 1px solid var(--x-color-primary-muted);
}

.icp-total-label[b-mrocng0bxh] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.icp-total-value[b-mrocng0bxh] {
    font-size: var(--x-text-xl);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-primary-hover);
}

.icp-grid[b-mrocng0bxh] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--x-spacing-6);
}

.icp-card[b-mrocng0bxh] {
    padding: var(--x-spacing-6);
    border-radius: var(--x-radius-card);
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    cursor: pointer;
    transition: all var(--x-duration-normal) var(--x-ease-out);
}

.icp-card:hover[b-mrocng0bxh] {
    box-shadow: var(--x-elevation-card);
    transform: translateY(-2px);
}

.icp-card--selected[b-mrocng0bxh] {
    border: 2px solid var(--x-color-primary);
    background-color: var(--x-color-primary-muted);
}

.icp-card-header[b-mrocng0bxh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: var(--x-spacing-4);
}

.icp-card-info[b-mrocng0bxh] { flex: 1; }

.icp-fit-badge[b-mrocng0bxh] {
    display: flex;
    flex-direction: column;
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border-radius: var(--x-radius-lg);
    margin-left: var(--x-spacing-3);
}

.icp-fit-label[b-mrocng0bxh] {
    font-size: var(--x-text-xxs);
    margin-bottom: var(--x-spacing-0-5);
}

.icp-fit-value[b-mrocng0bxh] {
    font-size: var(--x-text-xl);
    font-weight: var(--x-font-weight-medium);
}

.icp-fit--high[b-mrocng0bxh] { background-color: var(--x-color-success-muted); }
.icp-fit--high .icp-fit-label[b-mrocng0bxh] { color: var(--x-color-success); }
.icp-fit--high .icp-fit-value[b-mrocng0bxh] { color: var(--x-color-success); }

.icp-fit--medium[b-mrocng0bxh] { background-color: var(--x-color-primary-muted); }
.icp-fit--medium .icp-fit-label[b-mrocng0bxh] { color: var(--x-color-primary); }
.icp-fit--medium .icp-fit-value[b-mrocng0bxh] { color: var(--x-color-primary); }

.icp-fit--low[b-mrocng0bxh] { background-color: var(--x-color-warning-muted); }
.icp-fit--low .icp-fit-label[b-mrocng0bxh] { color: var(--x-color-warning); }
.icp-fit--low .icp-fit-value[b-mrocng0bxh] { color: var(--x-color-warning); }

.icp-fit--none[b-mrocng0bxh] { background-color: var(--x-color-muted); }
.icp-fit--none .icp-fit-label[b-mrocng0bxh] { color: var(--x-color-muted-foreground); }
.icp-fit--none .icp-fit-value[b-mrocng0bxh] { color: var(--x-color-muted-foreground); }

.icp-company-row[b-mrocng0bxh] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-4);
    border-radius: var(--x-radius-lg);
    background-color: var(--x-color-background);
    border: 1px solid var(--x-color-border);
    margin-bottom: var(--x-spacing-4);
}

.icp-field-label[b-mrocng0bxh] {
    display: block;
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    margin-bottom: var(--x-spacing-1);
}

.icp-field-value[b-mrocng0bxh] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

.icp-metrics-row[b-mrocng0bxh] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-4);
}

.icp-metric[b-mrocng0bxh] {
    padding: var(--x-spacing-3);
    border-radius: var(--x-radius-lg);
}

.icp-metric--success[b-mrocng0bxh] { background-color: var(--x-color-success-muted); border: 1px solid var(--x-color-success-muted); }
.icp-metric--success .icp-metric-label[b-mrocng0bxh] { color: var(--x-color-success); }
.icp-metric--success .icp-metric-value[b-mrocng0bxh] { color: var(--x-color-success); }

.icp-metric--warning[b-mrocng0bxh] { background-color: var(--x-color-warning-muted); border: 1px solid var(--x-color-warning-muted); }
.icp-metric--warning .icp-metric-label[b-mrocng0bxh] { color: var(--x-color-warning); }
.icp-metric--warning .icp-metric-value[b-mrocng0bxh] { color: var(--x-color-warning); }

.icp-metric--info[b-mrocng0bxh] { background-color: var(--x-color-info-muted); border: 1px solid var(--x-color-info-muted); }
.icp-metric--info .icp-metric-label[b-mrocng0bxh] { color: var(--x-color-info); }
.icp-metric--info .icp-metric-value[b-mrocng0bxh] { color: var(--x-color-info); }

.icp-metric-label[b-mrocng0bxh] {
    display: block;
    font-size: var(--x-text-xxs);
    margin-bottom: var(--x-spacing-1);
}

.icp-metric-value[b-mrocng0bxh] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
}

.icp-card-footer[b-mrocng0bxh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.icp-signal-pill[b-mrocng0bxh] {
    padding: var(--x-spacing-1) var(--x-spacing-3);
    border-radius: var(--x-radius-full);
    background-color: var(--x-color-primary-muted);
    color: var(--x-color-primary-hover);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
}

.icp-cycle-text[b-mrocng0bxh] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.icp-loading[b-mrocng0bxh], .icp-empty[b-mrocng0bxh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    gap: var(--x-spacing-2);
}

.icp-detail-panel[b-mrocng0bxh] {
    padding: var(--x-spacing-6);
    border-radius: var(--x-radius-card);
    border: 2px solid var(--x-color-primary);
    background-color: var(--x-color-primary-muted);
}

.icp-detail-grid[b-mrocng0bxh] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--x-spacing-6);
    margin-top: var(--x-spacing-6);
}

.icp-detail-title[b-mrocng0bxh] {
    display: block;
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--x-spacing-3);
}

.icp-detail-list[b-mrocng0bxh] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.icp-detail-item[b-mrocng0bxh] {
    padding: var(--x-spacing-3);
    border-radius: var(--x-radius-lg);
    border: 1px solid var(--x-color-border);
    background-color: var(--x-color-card);
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
}

.icp-detail-item--danger[b-mrocng0bxh] {
    border-color: var(--x-color-destructive-muted);
    background-color: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
}

.icp-buying-info[b-mrocng0bxh] {
    padding: var(--x-spacing-4);
    border-radius: var(--x-radius-lg);
    border: 1px solid var(--x-color-border);
    background-color: var(--x-color-card);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
    font-size: var(--x-text-xs);
}

.icp-buying-label[b-mrocng0bxh] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    margin-right: var(--x-spacing-2);
}

.icp-geo-pills[b-mrocng0bxh] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-2);
}

.icp-geo-pill[b-mrocng0bxh] {
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border-radius: var(--x-radius-full);
    background-color: var(--x-color-secondary-muted);
    color: var(--x-color-secondary-hover);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
}
/* /Components/MarketIntelligence/InteractiveTopicTreemap.razor.rz.scp.css */
.interactive-treemap[b-qwiwkbjcul] {
    border-radius: var(--x-radius-card);
    overflow: hidden;
    border: 1px solid var(--x-color-border);
    background-color: var(--x-color-card);
    display: flex;
    flex-direction: column;
}

.treemap-header[b-qwiwkbjcul] {
    padding: var(--x-spacing-4) var(--x-spacing-6);
    border-bottom: 1px solid var(--x-color-border);
}

.treemap-body[b-qwiwkbjcul] {
    padding: var(--x-spacing-4);
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    aspect-ratio: 1;
}

.treemap-row[b-qwiwkbjcul] {
    display: flex;
    gap: var(--x-spacing-1);
}

.treemap-row--primary[b-qwiwkbjcul] {
    height: 24%;
}

.treemap-row--secondary[b-qwiwkbjcul] {
    height: 20%;
}

.treemap-row--tertiary[b-qwiwkbjcul] {
    height: 16%;
}

.treemap-row--quaternary[b-qwiwkbjcul] {
    height: 12%;
}

.treemap-cell[b-qwiwkbjcul] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: var(--x-spacing-3);
    border-radius: var(--x-radius-md);
    background-color: var(--x-color-primary);
    cursor: pointer;
    transition: background-color var(--x-duration-fast) var(--x-ease-out);
    overflow: hidden;
}

.treemap-cell:hover[b-qwiwkbjcul] {
    background-color: var(--x-color-primary-hover);
}

.treemap-cell--selected[b-qwiwkbjcul] {
    background-color: var(--x-color-primary-hover);
}

.treemap-cell-label[b-qwiwkbjcul] {
    color: var(--x-color-primary-foreground);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    line-height: 1.3;
}

.treemap-cell-label--sm[b-qwiwkbjcul] {
    font-size: var(--x-text-xxs);
    line-height: 1.2;
}

.treemap-cell-label--xs[b-qwiwkbjcul] {
    font-size: var(--x-text-xxs);
    line-height: 1.2;
}

.treemap-cell-value[b-qwiwkbjcul] {
    color: var(--x-color-primary-foreground);
    font-size: var(--x-text-base);
    font-weight: var(--x-font-weight-bold);
}

.treemap-cell-value--sm[b-qwiwkbjcul] {
    font-size: var(--x-text-sm);
}

.treemap-cell-value--xs[b-qwiwkbjcul] {
    font-size: var(--x-text-xs);
}

.treemap-others[b-qwiwkbjcul] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--x-spacing-2);
    border-radius: var(--x-radius-md);
    background-color: var(--x-color-border);
    color: var(--x-color-card-foreground);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    flex: 1;
}

.treemap-empty[b-qwiwkbjcul] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
}
/* /Components/MarketIntelligence/JtbdCrossVoiceComparison.razor.rz.scp.css */
/* SDH: Layer=Ui | Domain=MarketIntelligence | Bounded-Context=JtbdCrossVoice | Sprint=Phase-135 */
/* Phase 135 — JTBD cross-voice comparison styles. JTBD doctrine: identical look across
   six voices. The diverging-row highlight surfaces high-divergence JTBDs at a glance. */

.jtbd-xvoice-card[b-ce7oafvobw] {
    padding: var(--x-spacing-4);
}

.jtbd-xvoice-header[b-ce7oafvobw] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    margin-bottom: var(--x-spacing-3);
}

.jtbd-xvoice-table-wrapper[b-ce7oafvobw] {
    overflow-x: auto;
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
}

.jtbd-xvoice-table[b-ce7oafvobw] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--x-text-sm);
}

.jtbd-xvoice-table thead th[b-ce7oafvobw] {
    text-align: left;
    padding: var(--x-spacing-2) var(--x-spacing-3);
    background: var(--x-color-muted);
    border-bottom: 1px solid var(--x-color-border);
    font-weight: 600;
    color: var(--x-color-muted-foreground);
}

.jtbd-xvoice-th-btn[b-ce7oafvobw] {
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    color: inherit;
    font: inherit;
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
}

.jtbd-xvoice-th-btn:hover[b-ce7oafvobw] {
    color: var(--x-color-text-primary);
}

.jtbd-xvoice-voice-icon[b-ce7oafvobw] {
    font-size: var(--x-text-base);
    line-height: 1;
}

.jtbd-xvoice-row td[b-ce7oafvobw] {
    padding: var(--x-spacing-3);
    border-bottom: 1px solid var(--x-color-border);
    vertical-align: top;
}

.jtbd-xvoice-row:last-child td[b-ce7oafvobw] {
    border-bottom: 0;
}

.jtbd-xvoice-row-diverging[b-ce7oafvobw] {
    background: var(--x-color-warning-muted);
}

.jtbd-xvoice-job-cell[b-ce7oafvobw] {
    min-width: 320px;
    max-width: 480px;
}

.jtbd-xvoice-job-statement[b-ce7oafvobw] {
    font-weight: 600;
    color: var(--x-color-text-primary);
    line-height: 1.4;
}

.jtbd-xvoice-outcome[b-ce7oafvobw] {
    margin-top: var(--x-spacing-1);
    color: var(--x-color-muted-foreground);
    line-height: 1.4;
    font-size: var(--x-text-sm);
}

.jtbd-xvoice-rank-col[b-ce7oafvobw],
.jtbd-xvoice-rank-cell[b-ce7oafvobw] {
    text-align: center;
    min-width: 96px;
}

.jtbd-xvoice-rank-empty[b-ce7oafvobw] {
    color: var(--x-color-muted-foreground);
}

.jtbd-xvoice-divergence-col[b-ce7oafvobw] {
    min-width: 160px;
}

.jtbd-xvoice-divergence-cell[b-ce7oafvobw] {
    min-width: 160px;
}

.jtbd-xvoice-divergence-row[b-ce7oafvobw] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.jtbd-xvoice-divergence-bar[b-ce7oafvobw] {
    width: 100%;
}

.jtbd-xvoice-divergence-label[b-ce7oafvobw] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}
/* /Components/MarketIntelligence/JtbdDensityControl.razor.rz.scp.css */
/* SDH: Layer=Ui | Domain=MarketIntelligence | Bounded-Context=JtbdTable | Sprint=Phase-135 */

.jtbd-density-control[b-qsh6kcn0ib] {
    display: inline-flex;
    align-items: stretch;
    gap: 0;
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    overflow: hidden;
    background: var(--x-color-card);
}

.jtbd-density-btn[b-qsh6kcn0ib] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
    padding: var(--x-spacing-1) var(--x-spacing-2);
    background: transparent;
    border: 0;
    border-right: 1px solid var(--x-color-border);
    cursor: pointer;
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    line-height: 1;
}

.jtbd-density-btn:last-child[b-qsh6kcn0ib] {
    border-right: 0;
}

.jtbd-density-btn:hover[b-qsh6kcn0ib] {
    background: var(--x-color-muted);
    color: var(--x-color-text-primary);
}

.jtbd-density-btn-active[b-qsh6kcn0ib] {
    background: var(--x-color-primary-muted);
    color: var(--x-color-primary);
    font-weight: 600;
}

.jtbd-density-btn-label[b-qsh6kcn0ib] {
    font-size: var(--x-text-xs);
}
/* /Components/MarketIntelligence/JtbdSatisfactionMatrix.razor.rz.scp.css */
.jtbd-matrix[b-8vu3j4b4xz] {
    margin-top: 1.5rem;
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: 0.5rem;
    padding: 1.25rem;
}

.jtbd-matrix-header[b-8vu3j4b4xz] {
    margin-bottom: 1rem;
}

.jtbd-matrix-empty[b-8vu3j4b4xz] {
    padding: 2rem;
    text-align: center;
    color: var(--x-color-muted-foreground);
}

.jtbd-matrix-chart-wrap[b-8vu3j4b4xz] {
    width: 100%;
    overflow-x: auto;
}

.jtbd-matrix-svg[b-8vu3j4b4xz] {
    width: 100%;
    max-width: 480px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.jtbd-bubble circle[b-8vu3j4b4xz] {
    transition: fill-opacity var(--x-transition-normal), r var(--x-transition-normal);
}

.jtbd-bubble:hover circle[b-8vu3j4b4xz] {
    fill-opacity: 1;
}

.jtbd-matrix-legend[b-8vu3j4b4xz] {
    display: flex;
    gap: 1.25rem;
    justify-content: center;
    margin-top: 0.75rem;
    flex-wrap: wrap;
}

.legend-item[b-8vu3j4b4xz] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.legend-dot[b-8vu3j4b4xz] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.legend-dot--proposed[b-8vu3j4b4xz]  { background: var(--x-color-info); }
.legend-dot--validated[b-8vu3j4b4xz] { background: var(--x-color-success); }
.legend-dot--actioned[b-8vu3j4b4xz]  { background: var(--x-color-info); }
/* /Components/MarketIntelligence/JtbdSortControl.razor.rz.scp.css */
.jtbd-sort-control[b-7srqaip26x] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.jtbd-sort-control__label[b-7srqaip26x] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
    white-space: nowrap;
}

.jtbd-sort-control__select[b-7srqaip26x] {
    font-size: var(--x-text-xs);
    padding: var(--x-spacing-1) var(--x-spacing-2);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    background: var(--x-color-card);
    color: var(--x-color-foreground);
    cursor: pointer;
    outline: none;
}

.jtbd-sort-control__select:focus[b-7srqaip26x] {
    border-color: var(--x-color-primary);
    box-shadow: 0 0 0 2px var(--x-color-primary);
}
/* /Components/MarketIntelligence/JtbdTable.razor.rz.scp.css */
.jtbd-empty-state[b-v20hm4g5n7] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--x-spacing-6);
}

.jtbd-header[b-v20hm4g5n7] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-4);
}

.jtbd-table-wrapper[b-v20hm4g5n7] {
    overflow-x: auto;
}

.jtbd-table[b-v20hm4g5n7] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--x-text-sm);
}

.jtbd-table thead th[b-v20hm4g5n7] {
    text-align: left;
    padding: var(--x-spacing-2-5) var(--x-spacing-3);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-muted-foreground);
    border-bottom: 2px solid var(--x-color-border);
    white-space: nowrap;
}

.jtbd-table tbody td[b-v20hm4g5n7] {
    padding: var(--x-spacing-2-5) var(--x-spacing-3);
    border-bottom: 1px solid var(--x-color-border);
    vertical-align: top;
}

.jtbd-table tbody tr:hover[b-v20hm4g5n7] {
    background-color: var(--x-color-border);
}

.text-muted[b-v20hm4g5n7] {
    color: var(--x-color-muted-foreground);
}

/* Sprint CH: Signal strength bar */
.signal-strength-cell[b-v20hm4g5n7] {
    min-width: 120px;
}

.signal-strength-bar[b-v20hm4g5n7] {
    height: 6px;
    background: var(--x-color-border);
    border-radius: var(--x-radius-sm);
    overflow: hidden;
    margin-bottom: var(--x-spacing-1);
}

.signal-strength-fill[b-v20hm4g5n7] {
    height: 100%;
    width: var(--signal-strength-width, 0%);
    border-radius: var(--x-radius-sm);
    transition: width var(--x-duration-slow) var(--x-ease-out);
}

.signal-strength-low[b-v20hm4g5n7] {
    background: var(--x-color-muted-foreground);
}

.signal-strength-medium[b-v20hm4g5n7] {
    background: var(--x-color-warning);
}

.signal-strength-high[b-v20hm4g5n7] {
    background: var(--x-color-success);
}

.signal-strength-very-high[b-v20hm4g5n7] {
    background: var(--x-color-success);
}

.signal-strength-label[b-v20hm4g5n7] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
}

.signal-score[b-v20hm4g5n7] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-muted-foreground);
}

.jtbd-voice-tags[b-v20hm4g5n7] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-1);
    margin-bottom: var(--x-spacing-0-5);
}

.jtbd-statement-cell[b-v20hm4g5n7] {
    max-width: 300px;
}
/* /Components/MarketIntelligence/LinkedInPerformancePanel.razor.rz.scp.css */
.linkedin-performance[b-e0oscplrk8] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-5);
}

.linkedin-metrics[b-e0oscplrk8] {
    display: flex;
    gap: var(--x-spacing-8);
}

.linkedin-metric[b-e0oscplrk8] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

@media (max-width: 640px) {
    .linkedin-metrics[b-e0oscplrk8] {
        flex-direction: column;
        gap: var(--x-spacing-4);
    }
}
/* /Components/MarketIntelligence/SeoKeywordTable.razor.rz.scp.css */
/* SeoKeywordTable — Figma Make parity: Voice Attribution + CWC Split columns */

.seo-table-container[b-aeaan81bop] {
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-lg);
    background: var(--x-color-card);
    padding: var(--x-spacing-6);
}

.seo-table-header[b-aeaan81bop] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--x-spacing-4);
    gap: var(--x-spacing-4);
    flex-wrap: wrap;
}

.seo-table-title[b-aeaan81bop] {
    color: var(--x-color-foreground);
    margin: 0;
}

.seo-table-controls[b-aeaan81bop] {
    display: flex;
    gap: var(--x-spacing-2);
    align-items: center;
}

.seo-search-wrapper[b-aeaan81bop] {
    position: relative;
    display: flex;
    align-items: center;
}

.seo-search-icon[b-aeaan81bop] {
    position: absolute;
    left: var(--x-spacing-3);
    width: 16px;
    height: 16px;
    color: var(--x-color-muted-foreground);
    pointer-events: none;
}

.seo-table-search[b-aeaan81bop] {
    padding: var(--x-spacing-2) var(--x-spacing-3) var(--x-spacing-2) var(--x-spacing-8);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    background: var(--x-color-input-background);
    color: var(--x-color-foreground);
    font-size: var(--x-text-sm);
    min-width: 200px;
}

.seo-table-search[b-aeaan81bop]::placeholder {
    color: var(--x-color-muted-foreground);
}

.seo-table-filter[b-aeaan81bop] {
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    background: var(--x-color-card);
    color: var(--x-color-foreground);
    font-size: var(--x-text-sm);
}

.seo-table-scroll[b-aeaan81bop] {
    overflow-x: auto;
}

.seo-table[b-aeaan81bop] {
    width: 100%;
    border-collapse: collapse;
}

/* ── Table Headers (uppercase, xs, muted) ── */

.seo-th[b-aeaan81bop] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: var(--x-spacing-3);
    text-align: left;
    border-bottom: 1px solid var(--x-color-border);
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.seo-th--right[b-aeaan81bop] { text-align: right; }
.seo-th--center[b-aeaan81bop] { text-align: center; }

/* ── Table Rows ── */

.seo-row[b-aeaan81bop] {
    border-bottom: 1px solid var(--x-color-border);
    transition: background-color var(--x-transition-fast);
}

.seo-row:hover[b-aeaan81bop] {
    background: var(--x-color-background);
}

.seo-td[b-aeaan81bop] {
    padding: var(--x-spacing-3);
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    vertical-align: middle;
}

.seo-td--keyword[b-aeaan81bop] {
    font-weight: var(--x-font-weight-medium);
}

.seo-td--right[b-aeaan81bop] { text-align: right; }
.seo-td--center[b-aeaan81bop] { text-align: center; }

.seo-frequency[b-aeaan81bop] {
    font-weight: var(--x-font-weight-medium);
}

/* ── Voice Attribution Pills ── */

.seo-voice-pills[b-aeaan81bop] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-1);
}

.seo-voice-pill[b-aeaan81bop] {
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    white-space: nowrap;
}

.seo-voice-pill--customer[b-aeaan81bop] {
    background-color: var(--x-color-primary-muted);
    color: var(--x-color-primary-hover);
}

.seo-voice-pill--community[b-aeaan81bop] {
    background-color: var(--x-color-primary-muted);
    color: var(--x-color-primary-hover);
}

.seo-voice-pill--competitor[b-aeaan81bop] {
    background-color: var(--x-color-primary-muted);
    color: var(--x-color-primary-hover);
}

.seo-voice-pill--authority[b-aeaan81bop] {
    background-color: var(--x-color-primary-muted);
    color: var(--x-color-primary-hover);
}

/* ── CWC Split Pills ── */

.seo-cwc-pills[b-aeaan81bop] {
    display: flex;
    gap: var(--x-spacing-1);
}

.seo-cwc-pill[b-aeaan81bop] {
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    min-width: 22px;
    text-align: center;
}

.seo-cwc-pill--complaint[b-aeaan81bop] {
    background-color: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
}

.seo-cwc-pill--wish[b-aeaan81bop] {
    background-color: var(--x-color-info-muted);
    color: var(--x-color-info);
}

.seo-cwc-pill--concern[b-aeaan81bop] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

/* ── Create Idea Button ── */

.seo-create-idea-btn[b-aeaan81bop] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
    padding: var(--x-spacing-1) var(--x-spacing-3);
    border: 1px solid var(--x-color-primary);
    border-radius: var(--x-radius-button);
    background: transparent;
    color: var(--x-color-primary);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    cursor: pointer;
    white-space: nowrap;
    transition: background-color var(--x-transition-fast);
}

.seo-create-idea-btn:hover[b-aeaan81bop] {
    background: var(--x-color-primary-muted);
}

/* ── Empty State ── */

.seo-table-empty[b-aeaan81bop] {
    text-align: center;
    padding: var(--x-spacing-6);
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
}
/* /Components/MarketIntelligence/SeoPillarOverview.razor.rz.scp.css */
/* SEO Pillar Overview — grouped keyword cards by content pillar */

.seo-pillar-container[b-cb7f7o2b3y] {
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-card);
    background: var(--x-color-card);
    padding: var(--x-spacing-5);
}

.seo-pillar-header[b-cb7f7o2b3y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--x-spacing-4);
}

.seo-pillar-title[b-cb7f7o2b3y] {
    color: var(--x-color-foreground);
    margin: 0;
}

.seo-pillar-sync[b-cb7f7o2b3y] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.seo-pillar-grid[b-cb7f7o2b3y] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--x-spacing-3);
}

.seo-pillar-card[b-cb7f7o2b3y] {
    padding: var(--x-spacing-4);
    border: 1px solid var(--x-color-border);
    /* Pillar accent — the colour flows in via the --pillar-accent CSS custom
       property set on the element (see .razor), not a bound `border-left`
       inline style. Same OWASP-A03 mitigation pattern as --logo-color /
       --legend-dot-color elsewhere in the codebase. */
    border-left: 4px solid var(--pillar-accent, var(--x-color-border));
    border-radius: var(--x-radius-lg);
    background: var(--x-color-card);
}

.seo-pillar-card-name[b-cb7f7o2b3y] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    margin-bottom: var(--x-spacing-3);
}

.seo-pillar-card-stats[b-cb7f7o2b3y] {
    display: flex;
    gap: var(--x-spacing-4);
    margin-bottom: var(--x-spacing-2);
}

.seo-pillar-stat[b-cb7f7o2b3y] {
    display: flex;
    flex-direction: column;
}

.seo-pillar-stat-value[b-cb7f7o2b3y] {
    font-size: var(--x-text-base);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

.seo-pillar-stat-label[b-cb7f7o2b3y] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
}

.seo-pillar-card-top[b-cb7f7o2b3y] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    margin-top: var(--x-spacing-2);
    padding-top: var(--x-spacing-2);
    border-top: 1px solid var(--x-color-border);
}

.seo-pillar-empty[b-cb7f7o2b3y] {
    text-align: center;
    padding: var(--x-spacing-8) var(--x-spacing-4);
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
}

@media (max-width: 1280px) {
    .seo-pillar-grid[b-cb7f7o2b3y] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
    .seo-pillar-grid[b-cb7f7o2b3y] { grid-template-columns: 1fr; }
}
/* /Components/MarketIntelligence/SignalStrengthBar.razor.rz.scp.css */
.signal-strength-bar[b-tlkfve19os] {
    height: 6px;
    background: var(--x-color-card);
    border-radius: 3px;
    overflow: hidden;
    min-width: 48px;
    max-width: 80px;
}

.signal-strength-bar__fill[b-tlkfve19os] {
    height: 100%;
    border-radius: 3px;
    transition: width var(--x-transition-slow);
}

.signal-strength-bar__fill--high[b-tlkfve19os]   { background: var(--x-color-success); }
.signal-strength-bar__fill--medium[b-tlkfve19os] { background: var(--x-color-warning); }
.signal-strength-bar__fill--low[b-tlkfve19os]    { background: var(--x-color-info); }
.signal-strength-bar__fill--none[b-tlkfve19os]   { background: var(--x-color-card); }
/* /Components/MarketIntelligence/StruggleMomentList.razor.rz.scp.css */
.struggle-moment-list[b-pniuc32hqq] {
    margin-top: var(--x-spacing-5);
    border-top: 1px solid var(--x-color-border);
    padding-top: var(--x-spacing-5);
}

.struggle-section-header[b-pniuc32hqq] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-3);
}

.struggle-empty-state[b-pniuc32hqq] {
    padding: var(--x-spacing-3);
    background: var(--x-color-card);
    border-radius: var(--x-radius-md);
}

.struggle-items[b-pniuc32hqq] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.struggle-item[b-pniuc32hqq] {
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    padding: var(--x-spacing-3);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.struggle-item-header[b-pniuc32hqq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--x-spacing-2);
}

.struggle-description[b-pniuc32hqq] {
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    line-height: 1.4;
    flex: 1;
}

.struggle-item-meta[b-pniuc32hqq] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    flex-wrap: wrap;
}

.struggle-severity[b-pniuc32hqq] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
}

.severity-label[b-pniuc32hqq] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.severity-bar[b-pniuc32hqq] {
    width: 64px;
    height: 6px;
    background: var(--x-color-border);
    border-radius: var(--x-radius-sm);
    overflow: hidden;
}

.severity-fill[b-pniuc32hqq] {
    height: 100%;
    border-radius: var(--x-radius-sm);
    transition: width var(--x-duration-slow) var(--x-ease-out);
}

.severity-fill--low[b-pniuc32hqq]    { background: var(--x-color-success); }
.severity-fill--medium[b-pniuc32hqq] { background: var(--x-color-warning); }
.severity-fill--high[b-pniuc32hqq]   { background: var(--x-color-destructive); }

.severity-score[b-pniuc32hqq] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
    min-width: var(--x-spacing-6);
}

.struggle-signals[b-pniuc32hqq] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.struggle-actions[b-pniuc32hqq] {
    display: flex;
    gap: var(--x-spacing-2);
}

.struggle-loading[b-pniuc32hqq] {
    padding: var(--x-spacing-4) 0;
}

.ai-severity-badge[b-pniuc32hqq] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    padding: 1px var(--x-spacing-1-5);
    border-radius: var(--x-radius-full);
    background: var(--x-color-ai-muted);
    color: var(--x-color-ai);
    border: 1px solid var(--x-color-ai-muted);
    cursor: help;
    white-space: nowrap;
}

.ai-severity-badge--accepted[b-pniuc32hqq] {
    background: var(--x-color-success-muted);
    color: var(--x-color-success);
    border-color: var(--x-color-success-muted);
}
/* /Components/MarketIntelligence/TalkingPointsPanel.razor.rz.scp.css */
.talking-points-grid[b-3e1nzku7gp] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--x-spacing-4);
}

.tp-card[b-3e1nzku7gp] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
    min-height: 120px;
}

.tp-list[b-3e1nzku7gp] {
    margin: 0;
    padding-left: var(--x-spacing-5);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1-5);
}

.tp-list li[b-3e1nzku7gp]::marker {
    color: var(--x-color-muted-foreground);
}

@media (max-width: 1024px) {
    .talking-points-grid[b-3e1nzku7gp] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 640px) {
    .talking-points-grid[b-3e1nzku7gp] {
        grid-template-columns: 1fr;
    }
}
/* /Components/MarketIntelligence/TopicAnalysisPanel.razor.rz.scp.css */
.topic-analysis[b-at12qyq7p2] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.ta-section[b-at12qyq7p2] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.ta-tags[b-at12qyq7p2] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-2);
}

.ta-divider[b-at12qyq7p2] {
    height: 1px;
    background-color: var(--x-color-border);
}
/* /Components/MarketIntelligence/TopicLandscapeGrid.razor.rz.scp.css */
.topic-landscape-grid[b-sszy24i6dn] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--x-spacing-3);
}

.topic-landscape-card[b-sszy24i6dn] {
    padding: var(--x-spacing-4);
    border-radius: var(--x-radius-lg);
    border: 1px solid var(--x-color-border);
    background-color: var(--x-color-primary-muted);
    cursor: pointer;
    transition: box-shadow var(--x-duration-normal) var(--x-ease-out);
}

.topic-landscape-card:hover[b-sszy24i6dn] {
    box-shadow: var(--x-elevation-card);
}

.topic-landscape-name[b-sszy24i6dn] {
    display: block;
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-bold);
    color: var(--x-color-foreground);
    margin-bottom: var(--x-spacing-2);
}

.topic-landscape-bar-track[b-sszy24i6dn] {
    height: 6px;
    border-radius: var(--x-radius-full);
    background-color: var(--x-color-border);
    overflow: hidden;
    margin-bottom: var(--x-spacing-2);
}

.topic-landscape-bar-fill[b-sszy24i6dn] {
    height: 100%;
    border-radius: var(--x-radius-full);
    background-color: var(--x-color-primary);
}

.topic-landscape-count[b-sszy24i6dn] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.topic-landscape-empty[b-sszy24i6dn] {
    grid-column: 1 / -1;
    text-align: center;
    padding: var(--x-spacing-8);
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
}
/* /Components/MarketIntelligence/TraceabilityBreadcrumb.razor.rz.scp.css */
.traceability-breadcrumb[b-8heaoy4yai] {
    padding: var(--x-spacing-3) var(--x-spacing-4);
    background: var(--x-color-card);
    border-radius: var(--x-radius-md);
    margin-bottom: var(--x-spacing-4);
}

.breadcrumb-chain[b-8heaoy4yai] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    margin-top: var(--x-spacing-2);
    flex-wrap: wrap;
}

.breadcrumb-node[b-8heaoy4yai] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
    padding: var(--x-spacing-1-5) var(--x-spacing-3);
    border-radius: var(--x-radius-md);
    font-size: var(--x-text-xs);
}

.breadcrumb-node.active[b-8heaoy4yai] {
    background: var(--x-color-primary);
    color: var(--x-color-primary);
}

.breadcrumb-node.inactive[b-8heaoy4yai] {
    background: var(--x-color-card);
    color: var(--x-color-muted-foreground);
}

.node-icon[b-8heaoy4yai] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
}

.breadcrumb-node.active .node-icon[b-8heaoy4yai] {
    background: var(--x-color-primary);
    color: var(--x-color-primary-foreground);
}

.breadcrumb-node.inactive .node-icon[b-8heaoy4yai] {
    background: var(--x-color-border);
    color: var(--x-color-muted-foreground);
}

.node-label[b-8heaoy4yai] {
    font-weight: var(--x-font-weight-medium);
}

.node-detail[b-8heaoy4yai] {
    font-size: var(--x-text-xs);
    opacity: 0.8;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.breadcrumb-arrow[b-8heaoy4yai] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-base);
}
/* /Components/Notifications/NotificationDropdown.razor.rz.scp.css */
/* Phase 147 — Bundle N. Bell-anchored notification dropdown.
   Anchored to top-right of the chrome via the parent's positioning context. */

.notif-dropdown-overlay[b-74j7vo3yno] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 9998;
}

.notif-dropdown[b-74j7vo3yno] {
    position: absolute;
    top: calc(100% + var(--x-spacing-2));
    right: 0;
    width: 360px;
    max-height: 480px;
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    box-shadow: var(--x-shadow-md);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.notif-dropdown-header[b-74j7vo3yno] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--x-spacing-3);
    border-bottom: 1px solid var(--x-color-border);
}

.notif-dropdown-title[b-74j7vo3yno] {
    font-weight: var(--x-font-weight-semibold);
    font-size: var(--x-text-sm);
}

.notif-dropdown-empty[b-74j7vo3yno] {
    padding: var(--x-spacing-6) var(--x-spacing-4);
    text-align: center;
}

.notif-dropdown-list[b-74j7vo3yno] {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    flex: 1;
}

.notif-dropdown-row[b-74j7vo3yno] {
    border-bottom: 1px solid var(--x-color-border);
}

.notif-dropdown-row:last-child[b-74j7vo3yno] {
    border-bottom: none;
}

.notif-dropdown-row--unread[b-74j7vo3yno] {
    background: var(--x-color-primary-muted);
}

.notif-dropdown-row-button[b-74j7vo3yno] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-2);
    width: 100%;
    background: transparent;
    border: none;
    padding: var(--x-spacing-3);
    text-align: left;
    cursor: pointer;
    color: var(--x-color-foreground);
}

.notif-dropdown-row-button:hover[b-74j7vo3yno] {
    background: var(--x-color-muted);
}

.notif-dropdown-icon[b-74j7vo3yno] {
    flex-shrink: 0;
    margin-top: 2px;
}

.notif-dropdown-icon--task[b-74j7vo3yno] { color: var(--x-color-primary); }
.notif-dropdown-icon--question[b-74j7vo3yno] { color: var(--x-color-warning); }
.notif-dropdown-icon--fact[b-74j7vo3yno] { color: var(--x-color-info); }
.notif-dropdown-icon--assetdraft[b-74j7vo3yno] { color: var(--x-color-success); }
.notif-dropdown-icon--workflow[b-74j7vo3yno] { color: var(--x-color-foreground); }

.notif-dropdown-text[b-74j7vo3yno] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-0-5);
    min-width: 0;
}

.notif-dropdown-row-title[b-74j7vo3yno] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

.notif-dropdown-row-subtitle[b-74j7vo3yno] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.notif-dropdown-row-time[b-74j7vo3yno] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.notif-dropdown-footer[b-74j7vo3yno] {
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border-top: 1px solid var(--x-color-border);
    background: var(--x-color-muted);
}
/* /Components/Pages/AccountSettings.razor.rz.scp.css */
/* AccountSettings — scoped styles (extracted from inline <HeadContent><style>) */

.account-settings-content[b-5mh9pdd4nv] { display: flex; flex-direction: column; gap: var(--x-spacing-6); }

.account-profile-card[b-5mh9pdd4nv] { display: flex; align-items: center; gap: var(--x-spacing-6); padding: var(--x-spacing-6); }
.account-avatar[b-5mh9pdd4nv] {
    width: 80px; height: 80px; border-radius: var(--x-radius-full); object-fit: cover;
    flex-shrink: 0; border: 2px solid var(--x-color-border);
}
.account-avatar-placeholder[b-5mh9pdd4nv] {
    width: 80px; height: 80px; border-radius: var(--x-radius-full); flex-shrink: 0;
    background: linear-gradient(135deg, var(--x-color-primary), var(--x-color-ai));
    display: flex; align-items: center; justify-content: center;
    color: var(--x-color-primary-foreground); font-size: var(--x-text-3xl); font-weight: var(--x-font-weight-semibold);
    border: 2px solid var(--x-color-border);
}

.account-profile-info[b-5mh9pdd4nv] { display: flex; flex-direction: column; gap: var(--x-spacing-1); min-width: 0; }

.account-status-badge[b-5mh9pdd4nv] {
    display: inline-flex; align-items: center; gap: var(--x-spacing-1-5);
    padding: var(--x-spacing-1) var(--x-spacing-2-5); border-radius: var(--x-radius-full);
    font-size: var(--x-text-xs); font-weight: var(--x-font-weight-medium);
    width: fit-content; margin-top: var(--x-spacing-1);
}
.account-status-active[b-5mh9pdd4nv] { background: var(--x-color-success-muted); color: var(--x-color-success); }
.account-status-inactive[b-5mh9pdd4nv] { background: var(--x-color-destructive-muted); color: var(--x-color-destructive); }
.account-status-dot[b-5mh9pdd4nv] { width: 6px; height: 6px; border-radius: var(--x-radius-full); }
.account-status-active .account-status-dot[b-5mh9pdd4nv] { background: var(--x-color-success); }
.account-status-inactive .account-status-dot[b-5mh9pdd4nv] { background: var(--x-color-destructive); }

.account-detail-card[b-5mh9pdd4nv],
.account-providers-card[b-5mh9pdd4nv],
.account-security-card[b-5mh9pdd4nv] { padding: var(--x-spacing-6); }

.account-detail-grid[b-5mh9pdd4nv] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--x-spacing-5); margin-top: var(--x-spacing-4); }
.account-detail-item[b-5mh9pdd4nv] { display: flex; flex-direction: column; gap: var(--x-spacing-1); }
.account-detail-value[b-5mh9pdd4nv] { font-size: var(--x-text-sm); color: var(--x-color-foreground); word-break: break-word; }

.account-providers-list[b-5mh9pdd4nv] { display: flex; flex-direction: column; gap: var(--x-spacing-3); margin-top: var(--x-spacing-4); }
.account-provider-item[b-5mh9pdd4nv] {
    display: flex; align-items: center; gap: var(--x-spacing-3);
    padding: var(--x-spacing-3) var(--x-spacing-4); border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-lg); background: var(--x-color-background);
}
.account-provider-icon[b-5mh9pdd4nv] { width: 32px; height: 32px; flex-shrink: 0; }
.account-provider-info[b-5mh9pdd4nv] { flex: 1; display: flex; flex-direction: column; gap: var(--x-spacing-0-5); min-width: 0; }
.account-provider-name[b-5mh9pdd4nv] { font-size: var(--x-text-sm); font-weight: var(--x-font-weight-medium); color: var(--x-color-foreground); text-transform: capitalize; }
.account-provider-id[b-5mh9pdd4nv] { font-size: var(--x-text-xs); color: var(--x-color-muted-foreground); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-provider-linked[b-5mh9pdd4nv] {
    display: inline-flex; align-items: center; gap: var(--x-spacing-1);
    padding: var(--x-spacing-0-5) var(--x-spacing-2); border-radius: var(--x-radius-full);
    background: var(--x-color-success-muted); color: var(--x-color-success);
    font-size: var(--x-text-xxs); font-weight: var(--x-font-weight-medium); flex-shrink: 0;
}

.account-no-providers[b-5mh9pdd4nv] {
    padding: var(--x-spacing-4); text-align: center; color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm); border: 1px dashed var(--x-color-border);
    border-radius: var(--x-radius-lg); margin-top: var(--x-spacing-4);
}

.account-security-item[b-5mh9pdd4nv] {
    display: flex; align-items: center; justify-content: space-between;
    padding: var(--x-spacing-3) var(--x-spacing-4); border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-lg); margin-top: var(--x-spacing-4);
}
.account-security-label[b-5mh9pdd4nv] { display: flex; flex-direction: column; gap: var(--x-spacing-0-5); }

.account-2fa-badge[b-5mh9pdd4nv] {
    display: inline-flex; align-items: center; gap: var(--x-spacing-1);
    padding: var(--x-spacing-1) var(--x-spacing-2-5); border-radius: var(--x-radius-full);
    font-size: var(--x-text-xs); font-weight: var(--x-font-weight-medium); flex-shrink: 0;
}
.account-2fa-enabled[b-5mh9pdd4nv] { background: var(--x-color-success-muted); color: var(--x-color-success); }
.account-2fa-disabled[b-5mh9pdd4nv] { background: var(--x-color-warning-muted); color: var(--x-color-warning); }

.account-loading[b-5mh9pdd4nv] { display: flex; align-items: center; justify-content: center; padding: var(--x-spacing-12); color: var(--x-color-muted-foreground); font-size: var(--x-text-sm); }
.account-error[b-5mh9pdd4nv] { display: flex; align-items: center; gap: var(--x-spacing-2-5); padding: var(--x-spacing-3) var(--x-spacing-4); background: var(--x-color-destructive-muted); border-radius: var(--x-radius-lg); color: var(--x-color-destructive); font-size: var(--x-text-sm); }

@media (max-width: 768px) {
    .account-profile-card[b-5mh9pdd4nv] { flex-direction: column; text-align: center; }
    .account-status-badge[b-5mh9pdd4nv] { align-self: center; }
    .account-detail-grid[b-5mh9pdd4nv] { grid-template-columns: 1fr; }
}
/* /Components/Pages/AiGateRefusals.razor.rz.scp.css */
/*
 * Phase 172 UX MR-UX-10 — /discovery/ai-gate-refusals page styling.
 * Tokens only.
 */

.refusal-pager[b-99og199lyt] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    padding-top: var(--x-spacing-3);
}
/* /Components/Pages/Analytics.razor.rz.scp.css */
/* Analytics page scoped styles */
.analytics-loading-state[b-05vkiwrmgj] {
    padding: var(--x-spacing-12);
}

.analytics-two-column[b-05vkiwrmgj] {
    align-items: flex-start;
}
/* /Components/Pages/ApifySettings.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=Settings | Bounded-Context=Settings.Apify | Sprint=phase-143-mr-9c-apify-credential-ui */
/* MR-9c — Styles for the operator-facing Apify credential setup page.
   Mirrors the section-card / form-grid spacing primitives used on
   AiSettings.razor.css so the two pages feel visually contiguous. Uses
   --x-color-* design tokens (CsTokenMigrationGuardrailTests ratchet). */

.apify-settings-page[b-a1qgn59sza] {
    /* No page-level overrides — XPageContainer owns width + gutter tokens. */
}

.apify-settings-content[b-a1qgn59sza] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 1rem;
}

/* ---- Card 1 : status ---- */

.apify-status-card .card-title-section[b-a1qgn59sza] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.apify-empty-state[b-a1qgn59sza] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 2rem 1rem;
    text-align: center;
}

.apify-empty-state--inline[b-a1qgn59sza] {
    padding: 1rem;
    text-align: left;
}

.apify-empty-icon[b-a1qgn59sza] {
    opacity: 0.6;
}

.apify-status-grid[b-a1qgn59sza] {
    display: grid;
    grid-template-columns: minmax(8rem, 12rem) 1fr;
    row-gap: 0.5rem;
    column-gap: 1rem;
    padding: 1rem 0;
}

.apify-status-row[b-a1qgn59sza] {
    display: contents;
}

.apify-status-label[b-a1qgn59sza] {
    font-weight: 600;
    color: var(--x-color-muted-foreground);
}

.apify-status-value[b-a1qgn59sza] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.apify-token-mask[b-a1qgn59sza] {
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, monospace);
    background-color: var(--x-color-muted);
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
}

.apify-status-actions[b-a1qgn59sza] {
    display: flex;
    gap: 0.5rem;
    padding-top: 0.5rem;
}

/* ---- Card 2 : cost cap ---- */

.apify-cost-cap-form[b-a1qgn59sza] {
    display: flex;
    align-items: flex-end;
    gap: 0.75rem;
    padding: 1rem 0;
    flex-wrap: wrap;
}

.apify-cost-cap-input[b-a1qgn59sza] {
    flex: 1 1 16rem;
    min-width: 12rem;
}

.apify-cost-cap-actions[b-a1qgn59sza] {
    display: flex;
    gap: 0.5rem;
}

/* ---- Card 3 : actors ---- */

.apify-actors-card[b-a1qgn59sza] {
    /* Defer row styling to ActorConfigurationRow.razor.css */
}

.apify-actors-list[b-a1qgn59sza] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem 0;
}

/* ---- Alert bar parity ---- */
/* The .alert-bar.alert-error base class lives globally; we just lay it out
   with the page-level margin to match the card-stack rhythm. Colour tokens
   live in the global stylesheet (not redefined here per the token-migration
   ratchet which flags --color-* fallbacks). */

.alert-bar.alert-error[b-a1qgn59sza] {
    margin-bottom: 0.75rem;
}

/* ---- MR-9d : marketplace integration affordances ---- */

/* "Add Actor" CTA on the Configured Actors card header */
.apify-actors-card .card-header-actions[b-a1qgn59sza] {
    margin-left: auto;
}

/* Capped banner -- yellow warning band when any actor is at cap */
.alert-bar.alert-warning[b-a1qgn59sza] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    margin-bottom: 0.75rem;
    border-radius: 6px;
    border: 1px solid var(--x-color-warning);
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-foreground);
}

.apify-capped-banner-text[b-a1qgn59sza] { flex: 1; }

/* Marketplace modal grid (in ApifyActorMarketplaceModal but globally scoped) */
.apify-marketplace-body[b-a1qgn59sza] { padding: 0.5rem; }
.apify-marketplace-help[b-a1qgn59sza] { color: var(--x-color-muted-foreground); margin-bottom: 0.75rem; }
.apify-marketplace-empty[b-a1qgn59sza] {
    display: flex; flex-direction: column; align-items: center; gap: 0.5rem;
    padding: 2rem 1rem; text-align: center;
}
.apify-marketplace-empty-icon[b-a1qgn59sza] { color: var(--x-color-muted-foreground); }
.apify-marketplace-grid[b-a1qgn59sza] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
    gap: 0.75rem;
}
.apify-marketplace-tile[b-a1qgn59sza] {
    display: flex; flex-direction: column;
    border: 1px solid var(--x-color-border); border-radius: 6px; padding: 0.75rem;
    background-color: var(--x-color-background);
}
.apify-marketplace-tile__header[b-a1qgn59sza] {
    display: flex; align-items: center; gap: 0.5rem; font-weight: 600;
    margin-bottom: 0.5rem;
}
.apify-marketplace-tile__title[b-a1qgn59sza] { font-size: 0.9375rem; }
.apify-marketplace-tile__description[b-a1qgn59sza] {
    font-size: 0.8125rem; color: var(--x-color-muted-foreground);
    margin: 0 0 0.5rem 0;
}
.apify-marketplace-tile__facts[b-a1qgn59sza] {
    display: grid; grid-template-columns: 1fr; gap: 0.25rem;
    font-size: 0.75rem; margin-bottom: 0.75rem;
}
.apify-marketplace-tile__fact[b-a1qgn59sza] {
    display: flex; justify-content: space-between; gap: 0.5rem;
}
.apify-marketplace-tile__fact dt[b-a1qgn59sza] { color: var(--x-color-muted-foreground); }
.apify-marketplace-tile__fact dd[b-a1qgn59sza] { margin: 0; font-weight: 500; }
.apify-marketplace-tile__actions[b-a1qgn59sza] {
    display: flex; justify-content: flex-end; margin-top: auto;
}

/* Configuration form modal */
.apify-form-body[b-a1qgn59sza] { display: flex; flex-direction: column; gap: 0.75rem; padding: 0.5rem; }
.apify-form-help[b-a1qgn59sza] { color: var(--x-color-muted-foreground); margin: 0; font-size: 0.8125rem; }
.apify-form-help-block[b-a1qgn59sza] { padding-bottom: 0.5rem; border-bottom: 1px solid var(--x-color-border); }
.apify-form-error[b-a1qgn59sza] { margin-bottom: 0.5rem; }
.apify-form-row[b-a1qgn59sza] { display: flex; flex-direction: column; gap: 0.25rem; }
.apify-form-row--pair[b-a1qgn59sza] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }
.apify-form-field[b-a1qgn59sza] { display: flex; flex-direction: column; gap: 0.25rem; }
.apify-form-label[b-a1qgn59sza] { font-size: 0.875rem; font-weight: 500; }
.apify-form-select[b-a1qgn59sza] {
    padding: 0.4rem 0.5rem; border-radius: 4px;
    border: 1px solid var(--x-color-border); background: var(--x-color-background);
    font-size: 0.875rem;
}
.apify-form-textarea[b-a1qgn59sza] {
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, monospace);
    font-size: 0.8125rem; padding: 0.5rem; border-radius: 4px;
    border: 1px solid var(--x-color-border); resize: vertical;
}
.apify-form-inline-error[b-a1qgn59sza] { color: var(--x-color-destructive); font-size: 0.75rem; }
.apify-form-inline-hint[b-a1qgn59sza] { color: var(--x-color-muted-foreground); font-size: 0.75rem; }
/* /Components/Pages/ApprovalChainTemplatesSettings.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=Workflow | Bounded-Context=Workflow.Approval | Sprint=Phase-149-B-2 */

.acts__section-title[b-4fntlxtc8l] {
    margin-top: var(--x-spacing-4);
    margin-bottom: var(--x-spacing-2);
    font: var(--x-font-heading-3);
    color: var(--x-color-foreground);
}

.acts__create-row[b-4fntlxtc8l] {
    display: flex;
    align-items: end;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
}

.acts__name-field[b-4fntlxtc8l] {
    flex: 1 1 16rem;
}

.acts__field-label[b-4fntlxtc8l] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    font: var(--x-font-body-small);
    color: var(--x-color-muted-foreground);
}

.acts__select[b-4fntlxtc8l] {
    height: 2.5rem;
    padding: var(--x-spacing-1) var(--x-spacing-2);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    background: var(--x-color-input-background);
    color: var(--x-color-foreground);
    font: var(--x-font-body);
}

.acts__template-card[b-4fntlxtc8l] {
    margin-bottom: var(--x-spacing-3);
}

.acts__template-header[b-4fntlxtc8l] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--x-spacing-3);
}

.acts__template-name[b-4fntlxtc8l] {
    margin: 0 0 var(--x-spacing-1);
    font: var(--x-font-heading-4);
    color: var(--x-color-foreground);
}

.acts__template-meta[b-4fntlxtc8l] {
    display: flex;
    gap: var(--x-spacing-3);
    font: var(--x-font-body-small);
    color: var(--x-color-muted-foreground);
}

.acts__template-actions[b-4fntlxtc8l] {
    display: flex;
    gap: var(--x-spacing-2);
}

.acts__stage-list[b-4fntlxtc8l] {
    margin: var(--x-spacing-3) 0;
    padding-left: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.acts__stage-row[b-4fntlxtc8l] {
    display: grid;
    grid-template-columns: 2rem 1fr 1fr auto;
    gap: var(--x-spacing-2);
    align-items: center;
    padding: var(--x-spacing-1) var(--x-spacing-2);
    background: var(--x-color-input-background);
    border-radius: var(--x-radius-sm);
}

.acts__stage-order[b-4fntlxtc8l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: var(--x-radius-full);
    background: var(--x-color-primary-muted);
    color: var(--x-color-primary-foreground);
    font: var(--x-font-body-small);
    font-weight: var(--x-font-weight-semibold);
}

.acts__stage-name[b-4fntlxtc8l] {
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

.acts__stage-role[b-4fntlxtc8l] {
    font: var(--x-font-body-small);
    color: var(--x-color-muted-foreground);
}

.acts__add-stage-row[b-4fntlxtc8l] {
    display: flex;
    gap: var(--x-spacing-2);
    align-items: end;
    margin-top: var(--x-spacing-3);
}
/* /Components/Pages/AssetLibrary.razor.rz.scp.css */
/* Asset Library page scoped styles */

.page-asset-library[b-5xk8wp4563] {
    background: var(--x-color-page-asset-library);
    min-height: 100vh;
}

/* Filter bar row inside card-filter-bar: search + 3 selects + clear button.
   Without display:flex the XSearchbox/XSelect children fall back to block-flow
   and the toolbar collapses into a vertical stack (same bug class as commit 34452be0). */
.filter-row[b-5xk8wp4563] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--x-spacing-3);
}

/* Funnel icon between search and selects (mirrors PipelineFilterBar's
   .pfb-funnel-slot). Visual-only — aria-hidden on the wrapper. */
.filter-row-funnel[b-5xk8wp4563] {
    display: inline-flex;
    align-items: center;
    color: var(--x-color-muted-foreground);
    padding: 0 var(--x-spacing-1);
}

/* Asset card grid: variable number of XCard tiles.
   Without display:grid the XCards render as full-width stacked blocks
   instead of a responsive card grid. */
.asset-grid[b-5xk8wp4563] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--x-spacing-4);
}
.modal-body-content[b-5xk8wp4563] {
    padding: var(--x-spacing-4);
}

.modal-footer-actions[b-5xk8wp4563] {
    display: flex;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
}

/* ── Asset card enrichments ── */
.asset-title-row[b-5xk8wp4563] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--x-spacing-2);
}

.asset-badges[b-5xk8wp4563] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    flex-shrink: 0;
}

.asset-meta-row[b-5xk8wp4563] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    margin-top: var(--x-spacing-1);
}

/* ── Freshness indicator ── */
.freshness-label[b-5xk8wp4563] {
    font-size: var(--x-text-xxs);
    font-weight: 600;
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-full);
    white-space: nowrap;
}

.freshness-green[b-5xk8wp4563] {
    background-color: var(--x-color-success-muted);
    color: var(--x-color-success);
}

.freshness-amber[b-5xk8wp4563] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.freshness-red[b-5xk8wp4563] {
    background-color: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
}

/* Asset library styles (moved from app.css) */
.stats-row[b-5xk8wp4563] {
    /* Without this, the XCard children fall back to block-flow layout
       and each stretches to full container width -- which made the
       Total/Draft/InReview/Approved/Published stats render as
       full-width stacked rows in the user's screenshot 9 review.
       Match the grid pattern used by MI's mi-stats-bar. */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-4);
}

.card-asset-stat[b-5xk8wp4563] {
    padding: var(--x-spacing-3);
    border: 1px solid var(--x-color-border);
    background: var(--x-color-card);
    min-width: 160px;
}

.stat-icon-container[b-5xk8wp4563] {
    width: 40px;
    height: 40px;
    border-radius: var(--x-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
}

.stat-icon-primary[b-5xk8wp4563] {
    background: var(--x-color-primary-muted);
    color: var(--x-color-primary);
}

.stat-icon-success[b-5xk8wp4563] {
    background: var(--x-color-success-muted);
    color: var(--x-color-success);
}

.stat-icon-warning[b-5xk8wp4563] {
    background: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.stat-icon-info[b-5xk8wp4563] {
    background: var(--x-color-info-muted);
    color: var(--x-color-info);
}

.stat-value-small[b-5xk8wp4563] {
    font-size: var(--x-text-lg);
}

.card-asset[b-5xk8wp4563] {
    width: 240px;
    padding: var(--x-spacing-4);
    border: 1px solid var(--x-color-border);
    background: var(--x-color-card);
    cursor: pointer;
    transition: box-shadow var(--x-transition-normal), border-color var(--x-transition-normal);
}

.card-asset:hover[b-5xk8wp4563] {
    box-shadow: var(--x-elevation-card);
    border-color: var(--x-color-border);
}

.asset-thumbnail[b-5xk8wp4563] {
    width: 100%;
    height: 120px;
    border-radius: var(--x-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
}

.thumbnail-image[b-5xk8wp4563] {
    background: linear-gradient(135deg, var(--x-color-primary-muted) 0%, var(--x-color-primary-muted) 100%);
}

.thumbnail-video[b-5xk8wp4563] {
    background: linear-gradient(135deg, var(--x-color-destructive-muted) 0%, var(--x-color-destructive-muted) 100%);
}

.thumbnail-document[b-5xk8wp4563] {
    background: linear-gradient(135deg, var(--x-color-info-muted) 0%, var(--x-color-info-muted) 100%);
}

.thumbnail-template[b-5xk8wp4563] {
    background: linear-gradient(135deg, var(--x-color-success-muted) 0%, var(--x-color-success-muted) 100%);
}

.thumbnail-default[b-5xk8wp4563] {
    background: var(--x-color-muted);
}

.asset-name[b-5xk8wp4563] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
}

.card-asset-list[b-5xk8wp4563] {
    padding: var(--x-spacing-4);
    border: 1px solid var(--x-color-border);
    background: var(--x-color-card);
}
/* /Components/Pages/AssetUploadModal.razor.rz.scp.css */
.modal-body-content[b-ndwblksmg6] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-4);
}

.modal-footer-actions[b-ndwblksmg6] {
    display: flex;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
}
/* /Components/Pages/AuditLog.razor.rz.scp.css */
/* Phase 172 UX MR-UX-8 — workspace audit log styling. Mirrors the
   WorkflowRunHistory grid because the operator persona is the same and the
   table-shaped list reads faster than a card stream for high-frequency rows.
   Tokens only; no hex literals; spacing prefix is --x-spacing-*. */

.audit-toolbar[b-s90fuzpfsq] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-3);
}

.audit-toolbar-label[b-s90fuzpfsq] {
    color: var(--x-color-muted-foreground);
}

.audit-loading[b-s90fuzpfsq] {
    padding: var(--x-spacing-6) 0;
    text-align: center;
}

.audit-grid-wrapper[b-s90fuzpfsq] {
    overflow-x: auto;
}

.audit-grid[b-s90fuzpfsq] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--x-text-sm);
}

.audit-grid thead th[b-s90fuzpfsq] {
    text-align: left;
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border-bottom: 1px solid var(--x-color-border);
    font-size: var(--x-text-xxs);
    text-transform: uppercase;
    color: var(--x-color-muted-foreground);
    background: var(--x-color-muted);
}

.audit-grid tbody td[b-s90fuzpfsq] {
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border-bottom: 1px solid var(--x-color-border);
    vertical-align: top;
}

.audit-grid tbody tr:hover[b-s90fuzpfsq] {
    background: var(--x-color-muted);
}

.audit-grid-operator[b-s90fuzpfsq],
.audit-grid-target[b-s90fuzpfsq] {
    font-variant-numeric: tabular-nums;
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
}

.audit-grid-notes[b-s90fuzpfsq] {
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
}

.audit-grid-muted[b-s90fuzpfsq] {
    color: var(--x-color-muted-foreground);
}

.audit-paging[b-s90fuzpfsq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-3);
    margin-top: var(--x-spacing-3);
}

.audit-paging-info[b-s90fuzpfsq] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}
/* /Components/Pages/Auth/AcceptInvitation.razor.rz.scp.css */
/**
 * GoToM8 Accept Invitation Page Styles
 * Page-specific overrides only - common styles in auth-common.css
 */

.invite-loading[b-3h4n70olvg] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-2-5);
    padding: var(--x-spacing-6);
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
}

.invite-detail-row[b-3h4n70olvg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--x-spacing-2) 0;
}

.invite-detail-label[b-3h4n70olvg] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    font-weight: 500;
}

.invite-detail-value[b-3h4n70olvg] {
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    font-weight: 600;
}

.invite-detail-row-bordered[b-3h4n70olvg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--x-spacing-2) 0;
    border-top: 1px solid var(--x-color-border);
}

.invite-details-wrap[b-3h4n70olvg] {
    margin-bottom: var(--x-spacing-6);
}

.invite-actions[b-3h4n70olvg] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.invite-text-center[b-3h4n70olvg] {
    text-align: center;
}
/* /Components/Pages/Auth/AccessDenied.razor.rz.scp.css */
.access-denied-code[b-n3uzhz1hig] {
    font-size: 6rem;
    font-weight: 700;
    color: var(--x-color-border);
    margin: 0 0 var(--x-spacing-2) 0;
    line-height: 1;
}

.access-denied-actions[b-n3uzhz1hig] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}
/* /Components/Pages/Auth/ForgotPassword.razor.rz.scp.css */
/**
 * GoToM8 Forgot Password Page Styles
 * Page-specific overrides only - common styles in auth-common.css
 */

.forgot-back-link[b-vm9dqja7xs] {
    text-align: left;
    margin-top: 0;
    margin-bottom: var(--x-spacing-6);
}

.forgot-submit-btn[b-vm9dqja7xs] {
    margin-top: var(--x-spacing-5);
}

.forgot-text-center[b-vm9dqja7xs] {
    text-align: center;
}

.forgot-email-highlight[b-vm9dqja7xs] {
    font-weight: 600;
    color: var(--auth-primary);
    text-align: center;
    margin: 0 0 var(--x-spacing-6) 0;
}

.forgot-next-steps-intro[b-vm9dqja7xs] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    margin: 0;
}

.forgot-next-steps-label[b-vm9dqja7xs] {
    color: var(--x-color-foreground);
}

.forgot-expiry-note[b-vm9dqja7xs] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    margin: var(--x-spacing-3) 0 0 0;
}

.forgot-expiry-strong[b-vm9dqja7xs] {
    color: var(--x-color-foreground);
}

.forgot-resend-text[b-vm9dqja7xs] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
}

.forgot-back-to-login[b-vm9dqja7xs] {
    margin-top: var(--x-spacing-5);
}
/* /Components/Pages/Auth/Login.razor.rz.scp.css */
/**
 * GoToM8 Login Page Styles
 * Page-specific overrides only - all styling from auth-common.css
 */

.auth-icon-inline[b-o6ba22vday] {
    flex-shrink: 0;
    margin-top: 1px;
}
/* /Components/Pages/Auth/Register.razor.rz.scp.css */
/**
 * GoToM8 Register Page Styles
 * All styling comes from auth-common.css
 */

/* Register uses slightly less top padding for vertical balance */
[b-97j2oh4g1u] .auth-left {
    padding-top: 32px;
}

.register-terms-row[b-97j2oh4g1u] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-2-5);
    margin: var(--x-spacing-4) 0 18px;
}

.register-terms-label[b-97j2oh4g1u] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    line-height: 1.5;
    cursor: pointer;
}

.register-terms-link[b-97j2oh4g1u] {
    color: var(--x-color-primary);
    font-weight: 500;
    text-decoration: none;
}

.register-error-inline[b-97j2oh4g1u] {
    margin-bottom: var(--x-spacing-3);
}

.register-error-left[b-97j2oh4g1u] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.register-error-wrap[b-97j2oh4g1u] {
    text-align: center;
}

.register-reload-btn[b-97j2oh4g1u] {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    margin-top: var(--x-spacing-4);
}

.register-error-signup[b-97j2oh4g1u] {
    margin-top: var(--x-spacing-4);
}

.auth-name-row[b-97j2oh4g1u] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--x-spacing-3);
}

@media (max-width: 640px) {
    .auth-name-row[b-97j2oh4g1u] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Auth/ResetPassword.razor.rz.scp.css */
.auth-heading--centered[b-j15vn84lo6] {
    text-align: center;
}

.auth-subheading--centered[b-j15vn84lo6] {
    text-align: center;
}

.auth-submit-btn--spaced[b-j15vn84lo6] {
    margin-top: var(--x-spacing-5);
}

.auth-icon-inline[b-j15vn84lo6] {
    flex-shrink: 0;
    margin-top: 1px;
}
/* /Components/Pages/Brainstorm.razor.rz.scp.css */
/* Brainstorm page — scoped styles */

.page-brainstorm[b-xab3esspx8] {
    background: var(--x-color-page-brainstorm);
    min-height: 100vh;
}

.card-brainstorm-input[b-xab3esspx8] {
    flex: 1;
    min-width: 360px;
    max-width: 440px;
    padding: var(--x-spacing-6);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-lg);
    background: var(--x-color-card);
    box-shadow: var(--x-elevation-sm);
}

.card-brainstorm-results[b-xab3esspx8] {
    flex: 2;
    min-width: 480px;
    padding: var(--x-spacing-6);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-lg);
    background: var(--x-color-card);
    box-shadow: var(--x-elevation-sm);
}

.btn-generate[b-xab3esspx8] {
    width: 100%;
    height: 48px;
    font-weight: var(--x-font-weight-semibold);
    font-size: var(--x-text-sm);
    border-radius: var(--x-radius-md);
}

.btn-generate:hover[b-xab3esspx8] {
    transform: translateY(-1px);
    box-shadow: var(--x-elevation-md);
}

.btn-generate:active[b-xab3esspx8] {
    transform: translateY(0);
}

.card-idea-favorite[b-xab3esspx8] {
    border-color: var(--x-color-warning);
    background: linear-gradient(135deg, var(--x-color-warning-muted) 0%, var(--x-color-card) 100%);
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.15);
}

.card-idea-favorite:hover[b-xab3esspx8] {
    border-color: var(--x-color-warning);
}

.card-suggestions[b-xab3esspx8] {
    padding: var(--x-spacing-5);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-lg);
    background: var(--x-color-card);
    box-shadow: var(--x-elevation-sm);
}

/* Idea card header: title on the left, action buttons (favorite + copy) on the right.
   Without display:flex the XLabel and idea-actions container stack vertically. */
.idea-header-row[b-xab3esspx8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-2);
}

/* Idea action buttons (favorite + copy) — kept inline next to each other. */
.idea-actions[b-xab3esspx8] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    flex-shrink: 0;
}

/* Idea status pills + per-tag pills on one wrapping row. */
.idea-tags[b-xab3esspx8] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-2);
}
/* /Components/Pages/Changes.razor.rz.scp.css */
/* Changes — scoped styles */

.page-changes[b-tpa3ophstc] {
    background: var(--x-color-page-changes);
    min-height: 100vh;
}

/* Filter bar row: search + category/type selects.
   Without display:flex the XSelect/XSearchbox children fall back to block-flow
   and stack vertically, defeating the toolbar layout. The XSearchbox/XSelect
   children carry Width=Inline + Size=Small so they render at the canonical
   --x-form-field-width-inline (220px) instead of the Fill (100%) default
   that previously made them wrap one-per-line. */
.filter-row[b-tpa3ophstc] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--x-spacing-3);
}

/* Funnel icon between search and selects (mirrors PipelineFilterBar's
   .pfb-funnel-slot). Visual-only — aria-hidden on the wrapper; the selects
   carry their own aria-labels. */
.filter-row-funnel[b-tpa3ophstc] {
    display: inline-flex;
    align-items: center;
    color: var(--x-color-muted-foreground);
    padding: 0 var(--x-spacing-1);
}

/* Stats tiles row: 3 XCards (Today / This Week / Unread).
   Same pattern as AssetLibrary.razor.css :: .stats-row — without an explicit
   grid the XCards render as full-width stacked blocks (commit 34452be0 bug class). */
.stats-row[b-tpa3ophstc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-4);
}

/* Activity card body: icon | content | chevron — must be on one row. */
.activity-row[b-tpa3ophstc] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-3);
}

/* Title + "New" pill on the same line inside the activity card. */
.activity-title-row[b-tpa3ophstc] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

/* Centred "Load more" button row at the bottom of the timeline. */
.load-more-row[b-tpa3ophstc] {
    display: flex;
    justify-content: center;
    margin-top: var(--x-spacing-3);
}

.activity-timeline-col[b-tpa3ophstc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-1);
    padding-top: var(--x-spacing-1);
}

.activity-content[b-tpa3ophstc] {
    flex: 1;
    min-width: 0;
}

.activity-title[b-tpa3ophstc] {
    font-size: var(--x-text-xs);
    font-weight: 600;
    color: var(--x-color-foreground);
    display: block;
}

/* Changes page styles (moved from app.css) */
.card-activity-unread[b-tpa3ophstc] {
    border-left: 3px solid var(--x-color-primary);
    background: var(--x-color-muted);
}

.activity-icon-container[b-tpa3ophstc] {
    width: 40px;
    height: 40px;
    border-radius: var(--x-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.activity-icon-onboarding[b-tpa3ophstc] {
    background: var(--x-color-info-muted);
    color: var(--x-color-info);
}

.activity-icon-pipeline[b-tpa3ophstc] {
    background: var(--x-color-success-muted);
    color: var(--x-color-success);
}

.activity-icon-publishing[b-tpa3ophstc] {
    background: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.activity-icon-analytics[b-tpa3ophstc] {
    background: var(--x-color-primary-muted);
    color: var(--x-color-primary);
}

.activity-icon-default[b-tpa3ophstc] {
    background: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
}

.text-heading-large[b-tpa3ophstc] {
    font-size: var(--x-text-xl);
    font-weight: 600;
    color: var(--x-color-foreground);
}

.card-stat[b-tpa3ophstc] {
    min-width: 120px;
    padding: var(--x-spacing-4);
    border: 1px solid var(--x-color-border);
    background: var(--x-color-card);
    border-radius: var(--x-radius-md);
}

[b-tpa3ophstc] .card-activity:hover {
    cursor: pointer;
    box-shadow: var(--x-elevation-card);
}
/* /Components/Pages/ClaimDetailPage.razor.rz.scp.css */
/* Phase 178 MR-UX-2 — Claim detail page styles. */

.claim-detail-back[b-23kndb3km2] {
    margin-bottom: var(--xb-spacing-md, 1rem);
}

.claim-detail-skeleton[b-23kndb3km2] {
    display: flex;
    flex-direction: column;
    gap: var(--xb-spacing-md, 1rem);
}

.claim-detail-header[b-23kndb3km2] {
    display: flex;
    flex-direction: column;
    gap: var(--xb-spacing-md, 1rem);
}

@media (min-width: 768px) {
    .claim-detail-header[b-23kndb3km2] {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }
}

.claim-detail-title[b-23kndb3km2] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: var(--xb-spacing-sm, 0.75rem);
    min-width: 0;
}

.claim-detail-title h2[b-23kndb3km2] {
    margin: 0;
    font-size: var(--xb-font-size-xl, 1.25rem);
    line-height: 1.4;
    word-break: break-word;
}

.claim-detail-meta[b-23kndb3km2] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--xb-spacing-md, 0.75rem);
    align-items: center;
    color: var(--xb-color-text-secondary, #4f4f4f);
    font-size: var(--xb-font-size-sm, 0.875rem);
}

.claim-detail-meta-item[b-23kndb3km2] {
    display: inline-flex;
    align-items: center;
    gap: var(--xb-spacing-xs, 0.25rem);
}

.claim-detail-actions[b-23kndb3km2] {
    display: flex;
    gap: var(--xb-spacing-sm, 0.5rem);
    flex-wrap: wrap;
    align-items: center;
}

.claim-detail-section-header[b-23kndb3km2] {
    display: flex;
    flex-direction: column;
    gap: var(--xb-spacing-sm, 0.5rem);
    margin-bottom: var(--xb-spacing-md, 1rem);
}

.claim-detail-section-header h3[b-23kndb3km2] {
    margin: 0;
    font-size: var(--xb-font-size-lg, 1.125rem);
}

/* MR-UX-3 — evidence list styles moved to ClaimEvidenceList.razor.css so the
   shared component (consumed by author detail + reviewer panel) owns the
   single styling rules. */
/* /Components/Pages/Claims.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=GtmKnowledgeSpine | Bounded-Context=Claim | Sprint=Phase178-UX-1 */

/* All spacing / radius / colour values must resolve through Xablu design tokens —
   R-7 (CsTokenMigrationGuardrailTests) forbids hardcoded fallback values. */

.claims-skeleton[b-ccbmrnl1o0] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
    margin-top: var(--x-spacing-4);
}

.claims-toolbar[b-ccbmrnl1o0] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--x-spacing-2);
    margin: var(--x-spacing-3) 0;
}

.claims-filter-select[b-ccbmrnl1o0] {
    min-width: 160px;
}

.claims-searchbox[b-ccbmrnl1o0] {
    flex: 1 1 240px;
    min-width: 240px;
}

.claims-text-cell[b-ccbmrnl1o0] {
    max-width: 480px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.claims-owner-cell[b-ccbmrnl1o0] {
    font-family: var(--x-font-mono);
    font-size: var(--x-font-size-sm);
    color: var(--x-color-muted-foreground);
}
/* /Components/Pages/CompetitiveAlternatives.razor.rz.scp.css */
/* Phase 146 Bundle A — CompetitiveAlternatives page styling. Grouped
   sections (one per AlternativeKind) with a filter bar above. */

.alt-loading[b-vk6bz1axls] {
    padding: var(--x-spacing-6) 0;
    text-align: center;
}

.alt-filter-bar[b-vk6bz1axls] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-4);
}

.alt-filter-label[b-vk6bz1axls] {
    color: var(--x-color-muted-foreground);
}

.alt-kind-group[b-vk6bz1axls] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-5);
}

.alt-kind-group-header[b-vk6bz1axls] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding-bottom: var(--x-spacing-2);
    border-bottom: 1px solid var(--x-color-border);
    color: var(--x-color-foreground);
}

.alt-kind-group-count[b-vk6bz1axls] {
    margin-left: auto;
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.alt-kind-group-list[b-vk6bz1axls] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}
/* /Components/Pages/ConnectWebhookDialog.razor.rz.scp.css */
.connect-webhook-body[b-e5ydgmqrmb] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-4);
}

.connect-webhook-footer[b-e5ydgmqrmb] {
    display: flex;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
}
/* /Components/Pages/ContentCalendar.razor.rz.scp.css */
.page-content-calendar[b-vw3t5hgles] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-6);
    padding: var(--x-spacing-6);
}

.calendar-toolbar[b-vw3t5hgles] {
    display: flex;
    align-items: flex-end;
    gap: var(--x-spacing-4);
    flex-wrap: wrap;
}

.calendar-filters[b-vw3t5hgles] {
    display: flex;
    gap: var(--x-spacing-3);
    margin-left: auto;
}

.calendar-filter-slot[b-vw3t5hgles] {
    min-width: 160px;
}

.calendar-layout[b-vw3t5hgles] {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: var(--x-spacing-6);
    align-items: start;
}

.calendar-grid-section[b-vw3t5hgles] {
    min-width: 0;
}

.entries-section[b-vw3t5hgles] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
    background: var(--x-color-background);
    border-radius: var(--x-radius-md);
    padding: var(--x-spacing-4);
    border: 1px solid var(--x-color-border);
}

.entries-header[b-vw3t5hgles] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.entries-list[b-vw3t5hgles] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    max-height: 600px;
    overflow-y: auto;
}

.loading-state[b-vw3t5hgles],
.empty-state[b-vw3t5hgles] {
    padding: var(--x-spacing-12);
    text-align: center;
}

@media (max-width: 1024px) {
    .calendar-layout[b-vw3t5hgles] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/ContentStrategy.razor.rz.scp.css */
/* Sprint CN: Content Strategy 3-tab layout — uses XTab component */
.page-content-strategy[b-jnks891aoz] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--x-color-background);
}

.cs-loading-state[b-jnks891aoz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-6);
    padding: var(--x-spacing-12);
}
/* /Components/Pages/CredentialDetail.razor.rz.scp.css */
.loading-state[b-q2bb3xljbl],
.error-state[b-q2bb3xljbl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-16) 0;
    text-align: center;
}

/* Breadcrumb bar */
.breadcrumb-bar[b-q2bb3xljbl] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-5);
    flex-wrap: wrap;
}

.breadcrumb-separator[b-q2bb3xljbl] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
}

.breadcrumb-item[b-q2bb3xljbl] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
}

.breadcrumb-provider[b-q2bb3xljbl] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
}

.breadcrumb-right[b-q2bb3xljbl] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    margin-left: auto;
}

/* Page header */
.page-header[b-q2bb3xljbl] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: var(--x-spacing-6);
}

.header-content[b-q2bb3xljbl] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-3);
}

.header-text[b-q2bb3xljbl] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.header-actions[b-q2bb3xljbl] {
    display: flex;
    gap: var(--x-spacing-2);
    align-items: flex-start;
    flex-shrink: 0;
}

/* KPI Row */
.kpi-row[b-q2bb3xljbl] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--x-spacing-4);
    margin-bottom: var(--x-spacing-6);
}

.cd-kpi-card[b-q2bb3xljbl] {
    padding: var(--x-spacing-5);
    align-items: flex-start;
}

/* Two-column layout */
.detail-layout[b-q2bb3xljbl] {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: var(--x-spacing-6);
    align-items: start;
}

.detail-main[b-q2bb3xljbl] {
    min-width: 0;
}

.detail-sidebar[b-q2bb3xljbl] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

/* Sidebar cards */
.cd-sidebar-card[b-q2bb3xljbl] {
    gap: var(--x-spacing-3);
}

.sidebar-rows[b-q2bb3xljbl] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.sidebar-row[b-q2bb3xljbl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.provider-info-header[b-q2bb3xljbl] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
}

/* Tab Content */
.tab-content[b-q2bb3xljbl] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
    padding-top: var(--x-spacing-4);
}

.cd-settings-card[b-q2bb3xljbl] {
    gap: var(--x-spacing-3);
}

/* Testing Tab */
.test-section[b-q2bb3xljbl] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.test-result[b-q2bb3xljbl] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
}

/* Responsive */
@media (max-width: 1024px) {
    .detail-layout[b-q2bb3xljbl] {
        grid-template-columns: 1fr;
    }

    .detail-sidebar[b-q2bb3xljbl] {
        order: -1;
    }

    .kpi-row[b-q2bb3xljbl] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .page-header[b-q2bb3xljbl] {
        flex-direction: column;
        gap: var(--x-spacing-3);
    }

    .kpi-row[b-q2bb3xljbl] {
        grid-template-columns: 1fr;
    }

    .breadcrumb-right[b-q2bb3xljbl] {
        margin-left: 0;
        margin-top: var(--x-spacing-2);
    }
}
/* /Components/Pages/Crm/CrmAddOrgModal.razor.rz.scp.css */
/* ================================================
   CRM Add Org Modal — Scoped CSS
   Uses --x-* canonical tokens
   ================================================ */

/* Modal chrome overrides via Class parameter */
.crm-modal[b-ytmktdjiw1] {
    width: 520px;
    max-width: 90vw;
    max-height: 85vh;
    border-radius: var(--x-radius-xl);
}

.crm-modal .x-modal-header[b-ytmktdjiw1] {
    padding: 0;
    border-bottom: none;
}

.crm-modal .x-modal-body[b-ytmktdjiw1] {
    padding: 0;
}

.crm-modal .x-modal-footer[b-ytmktdjiw1] {
    padding: 0;
    border-top: none;
    background: none;
}

/* Modal header */
.crm-modal-header[b-ytmktdjiw1] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-4) var(--x-spacing-6);
    border-bottom: 1px solid var(--x-color-border);
}

.crm-modal-header-icon[b-ytmktdjiw1] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--x-color-primary);
}

.crm-modal-header-title[b-ytmktdjiw1] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
    flex: 1;
}

.crm-modal-close[b-ytmktdjiw1] {
    background: none;
    border: none;
    cursor: pointer;
    padding: var(--x-spacing-1-5);
    border-radius: var(--x-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--x-color-muted-foreground);
    transition: background-color var(--x-transition-normal), color var(--x-transition-normal);
}

.crm-modal-close:hover[b-ytmktdjiw1] {
    background-color: var(--x-color-muted);
    color: var(--x-color-foreground);
}

/* Modal footer */
.crm-modal-footer[b-ytmktdjiw1] {
    display: flex;
    justify-content: flex-end;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-4) var(--x-spacing-6);
    border-top: 1px solid var(--x-color-border);
    background-color: var(--x-color-background);
    border-radius: 0 0 var(--x-radius-xl) var(--x-radius-xl);
}

/* Form layout */
.crm-modal-form[b-ytmktdjiw1] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-6);
    /* B10: Let XModal handle scrolling — no inner scroll container */
}

.form-row-2col[b-ytmktdjiw1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--x-spacing-4);
}

.form-roles[b-ytmktdjiw1] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.form-section-label[b-ytmktdjiw1] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
}

.role-checkboxes[b-ytmktdjiw1] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-3);
}

/* Enrich with AI row — retired in favour of xablu-libs v3.90 XStatefulButton.Error
   tri-state lifecycle. The .form-enrich-row / .form-enrich-btn / .form-enrich-result
   / .form-enrich-success / .form-enrich-error rules are gone; .crm-modal-form's gap
   handles spacing around the button, and the IdleContent / LoadingContent /
   CompletedContent / ErrorContent slots carry the per-state visual. */
/* /Components/Pages/Crm/CrmAddPersonModal.razor.rz.scp.css */
/* ================================================
   CRM Add Person Modal — Scoped CSS
   Uses --x-* canonical tokens
   ================================================ */

/* Modal chrome overrides via Class parameter */
.crm-modal[b-yki555g2sl] {
    width: 520px;
    max-width: 90vw;
    max-height: 85vh;
    border-radius: var(--x-radius-xl);
}

.crm-modal .x-modal-header[b-yki555g2sl] {
    padding: 0;
    border-bottom: none;
}

.crm-modal .x-modal-body[b-yki555g2sl] {
    padding: 0;
}

.crm-modal .x-modal-footer[b-yki555g2sl] {
    padding: 0;
    border-top: none;
    background: none;
}

/* Modal header */
.crm-modal-header[b-yki555g2sl] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-4) var(--x-spacing-6);
    border-bottom: 1px solid var(--x-color-border);
}

.crm-modal-header-icon[b-yki555g2sl] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--x-color-primary);
}

.crm-modal-header-title[b-yki555g2sl] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
    flex: 1;
}

.crm-modal-close[b-yki555g2sl] {
    background: none;
    border: none;
    cursor: pointer;
    padding: var(--x-spacing-1-5);
    border-radius: var(--x-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--x-color-muted-foreground);
    transition: background-color var(--x-transition-normal), color var(--x-transition-normal);
}

.crm-modal-close:hover[b-yki555g2sl] {
    background-color: var(--x-color-muted);
    color: var(--x-color-foreground);
}

/* Modal footer */
.crm-modal-footer[b-yki555g2sl] {
    display: flex;
    justify-content: flex-end;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-4) var(--x-spacing-6);
    border-top: 1px solid var(--x-color-border);
    background-color: var(--x-color-background);
    border-radius: 0 0 var(--x-radius-xl) var(--x-radius-xl);
}

/* Form layout */
.crm-modal-form[b-yki555g2sl] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-6);
    /* B10: Let XModal handle scrolling — no inner scroll container */
}

.form-row-2col[b-yki555g2sl] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--x-spacing-4);
}

.form-roles[b-yki555g2sl] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.form-section-label[b-yki555g2sl] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
}

.role-checkboxes[b-yki555g2sl] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-3);
}

/* Enrich with AI row — retired in favour of xablu-libs v3.90 XStatefulButton.Error
   tri-state lifecycle. The .form-enrich-row / .form-enrich-btn / .form-enrich-result
   / .form-enrich-success / .form-enrich-error rules are gone; .crm-modal-form's gap
   handles spacing around the button, and the IdleContent / LoadingContent /
   CompletedContent / ErrorContent slots carry the per-state visual. */
/* /Components/Pages/Crm/CrmAiPanel.razor.rz.scp.css */
/* CB-10.1: Panel — 360px, rounded-xl */
.crm-ai-panel[b-465666ao45] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 360px;
    border-left: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-xl);
    background-color: var(--x-color-card);
}

/* CB-10.2: Header — primary-50 bg */
.crm-ai-header[b-465666ao45] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2-5);
    padding: var(--x-spacing-4);
    background-color: var(--x-color-primary-muted);
    border-bottom: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-xl) var(--x-radius-xl) 0 0;
}

.crm-ai-header-icon[b-465666ao45] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--x-color-primary);
}

.crm-ai-header-text[b-465666ao45] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.crm-ai-header-title[b-465666ao45] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
}

[b-465666ao45] .crm-ai-close-btn {
    margin-left: auto;
    color: var(--x-color-muted-foreground);
}

/* CB-10.3: Context bar */
.crm-ai-context-bar[b-465666ao45] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-2) var(--x-spacing-4);
    background-color: var(--x-color-background);
    border-bottom: 1px solid var(--x-color-border);
}

.crm-ai-context-chips[b-465666ao45] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
    flex: 1;
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
}

.crm-ai-context-clear[b-465666ao45] {
    appearance: none;
    border: none;
    background: none;
    font-size: var(--x-text-xxs);
    color: var(--x-color-primary);
    cursor: pointer;
    padding: var(--x-spacing-0-5) var(--x-spacing-1-5);
    border-radius: var(--x-radius-sm);
}

.crm-ai-context-clear:hover[b-465666ao45] {
    background-color: var(--x-color-card-hover);
}

/* Messages area */
.crm-ai-messages[b-465666ao45] {
    flex: 1;
    overflow-y: auto;
    padding: var(--x-spacing-4);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
    min-height: 0;
}

/* Welcome state */
.crm-ai-welcome[b-465666ao45] {
    display: flex;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-4);
    border-radius: var(--x-radius-lg);
    background-color: var(--x-color-background);
}

.crm-ai-welcome-icon[b-465666ao45] {
    flex-shrink: 0;
    color: var(--x-color-primary);
}

.crm-ai-welcome-text p[b-465666ao45] {
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
    line-height: 1.6;
    margin: 0;
}

.crm-ai-welcome-text ul[b-465666ao45] {
    margin: var(--x-spacing-2) 0 0 0;
    padding-left: var(--x-spacing-5);
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    line-height: 1.8;
}

/* CB-10.4: User messages — right-aligned, primary bg */
.crm-ai-msg-user[b-465666ao45] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--x-spacing-1);
}

/* CB-10.4: AI messages — left-aligned, grey bg */
.crm-ai-msg-ai[b-465666ao45] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.crm-ai-msg-ai-header[b-465666ao45] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
}

.crm-ai-avatar-sm[b-465666ao45] {
    display: flex;
    align-items: center;
    color: var(--x-color-primary);
}

.crm-ai-msg-sender[b-465666ao45] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-primary);
}

/* CB-10.5: Message font 13px, line-height 1.5 */
.crm-ai-msg-bubble[b-465666ao45] {
    padding: var(--x-spacing-2-5) var(--x-spacing-3-5);
    border-radius: var(--x-radius-lg);
    font-size: var(--x-text-xs);
    line-height: 1.5;
    max-width: 85%;
    word-wrap: break-word;
}

.crm-ai-msg-user-bubble[b-465666ao45] {
    background-color: var(--x-color-primary);
    color: var(--x-color-card);
}

.crm-ai-msg-ai-bubble[b-465666ao45] {
    background-color: var(--x-color-background);
    border: 1px solid var(--x-color-border);
    color: var(--x-color-foreground);
}

.crm-ai-msg-time[b-465666ao45] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    margin-left: auto;
}

/* Thinking */
.crm-ai-thinking[b-465666ao45] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-2);
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

/* Error */
.crm-ai-error-bar[b-465666ao45] {
    padding: var(--x-spacing-2) var(--x-spacing-4);
}

/* Input area */
.crm-ai-input[b-465666ao45] {
    display: flex;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-3) var(--x-spacing-4);
    border-top: 1px solid var(--x-color-border);
    align-items: flex-end;
}

/* CB-10.6: Send button — primary-600 circle */
.crm-ai-send-btn[b-465666ao45] {
    appearance: none;
    border: none;
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 50%;
    background-color: var(--x-color-primary);
    color: var(--x-color-card);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color var(--x-transition-normal);
}

.crm-ai-send-btn:hover:not(:disabled)[b-465666ao45] {
    background-color: var(--x-color-primary-hover);
}

.crm-ai-send-btn:disabled[b-465666ao45] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Hint */
.crm-ai-hint[b-465666ao45] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    padding: 0 var(--x-spacing-4) var(--x-spacing-2);
    text-align: right;
}
/* /Components/Pages/Crm/CrmCustomerIntelTab.razor.rz.scp.css */
/* ================================================
   Customer Intelligence Tab — Scoped CSS
   Uses --x-* canonical tokens
   ================================================ */

.ci-tab[b-s3efnqyppc] {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: var(--x-spacing-4);
    overflow: hidden;
}

/* ── Sub-navigation ── */

.ci-subnav[b-s3efnqyppc] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
}

.ci-subnav-btn[b-s3efnqyppc] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
    padding: var(--x-spacing-1-5) var(--x-spacing-3);
    border-radius: var(--x-radius-lg);
    border: 1px solid transparent;
    background-color: transparent;
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-normal);
    cursor: pointer;
    transition: background-color var(--x-transition-normal), border-color var(--x-transition-normal), color var(--x-transition-normal);
}

.ci-subnav-btn:hover[b-s3efnqyppc] {
    background-color: var(--x-color-muted);
}

.ci-subnav-btn--active[b-s3efnqyppc] {
    background-color: var(--x-color-primary-muted);
    border-color: var(--x-color-primary-muted);
    color: var(--x-color-primary-hover);
    font-weight: var(--x-font-weight-medium);
}

.ci-content[b-s3efnqyppc] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

/* ── KPI Cards ── */

.ci-kpi-row[b-s3efnqyppc] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--x-spacing-3);
}

.ci-kpi-card[b-s3efnqyppc] {
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-xl);
    padding: var(--x-spacing-4);
}

.ci-kpi-icon[b-s3efnqyppc] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--x-radius-lg);
    margin-bottom: var(--x-spacing-3);
}

.ci-kpi-icon--customers[b-s3efnqyppc] {
    background-color: var(--x-color-primary-muted);
}

.ci-kpi-icon--revenue[b-s3efnqyppc] {
    background-color: var(--x-color-success-muted);
}

.ci-kpi-value[b-s3efnqyppc] {
    font-size: var(--x-text-xl);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

.ci-kpi-label[b-s3efnqyppc] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    margin-top: var(--x-spacing-0-5);
}

.ci-kpi-sub[b-s3efnqyppc] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    margin-top: var(--x-spacing-0-5);
}

/* ── Charts Row ── */

.ci-charts-row[b-s3efnqyppc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--x-spacing-4);
}

.ci-chart-card[b-s3efnqyppc] {
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-xl);
    padding: var(--x-spacing-5);
}

.ci-chart-header[b-s3efnqyppc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--x-spacing-4);
}

.ci-chart-title[b-s3efnqyppc] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

.ci-chart-subtitle[b-s3efnqyppc] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.ci-chart-bar-container[b-s3efnqyppc] {
    height: 180px;
}

.ci-chart-body-donut[b-s3efnqyppc] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-6);
}

.ci-donut-chart[b-s3efnqyppc] {
    width: 150px;
    height: 150px;
    flex-shrink: 0;
}

.ci-donut-legend[b-s3efnqyppc] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2-5);
}

.ci-legend-item[b-s3efnqyppc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ci-legend-left[b-s3efnqyppc] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.ci-legend-dot[b-s3efnqyppc] {
    width: 8px;
    height: 8px;
    border-radius: var(--x-radius-full);
    flex-shrink: 0;
}

.ci-legend-label[b-s3efnqyppc] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-foreground);
}

.ci-legend-value[b-s3efnqyppc] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

/* ── At-Risk + Signals Row ── */

.ci-risk-signals-row[b-s3efnqyppc] {
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: var(--x-spacing-4);
}

.ci-risk-table[b-s3efnqyppc],
.ci-signals-sidebar[b-s3efnqyppc] {
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-xl);
    overflow: hidden;
}

.ci-signals-sidebar[b-s3efnqyppc] {
    display: flex;
    flex-direction: column;
}

.ci-section-header[b-s3efnqyppc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--x-spacing-4) var(--x-spacing-5);
    border-bottom: 1px solid var(--x-color-border);
}

.ci-section-header-left[b-s3efnqyppc] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.ci-section-title[b-s3efnqyppc] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

.ci-signal-count[b-s3efnqyppc] {
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    background-color: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
}

/* ── Risk Rows ── */

.ci-risk-row[b-s3efnqyppc] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-3) var(--x-spacing-5);
    border-bottom: 1px solid var(--x-color-border);
    cursor: pointer;
    transition: background-color var(--x-transition-normal);
}

.ci-risk-row:hover[b-s3efnqyppc] {
    background-color: var(--x-color-background);
}

.ci-risk-logo[b-s3efnqyppc] {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: var(--x-radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-card);
    /* v3.47 absorption: --logo-color custom property. See CrmIntelOverviewSection.razor.css */
    background-color: var(--logo-color, var(--x-color-border));
}

.ci-risk-logo--sm[b-s3efnqyppc] {
    width: 32px;
    height: 32px;
    min-width: 32px;
}

.ci-risk-info[b-s3efnqyppc] {
    flex: 1;
    min-width: 0;
}

.ci-risk-name-row[b-s3efnqyppc] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
}

.ci-risk-name[b-s3efnqyppc] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ci-risk-industry[b-s3efnqyppc] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.ci-risk-health-dot[b-s3efnqyppc] {
    width: 8px;
    height: 8px;
    border-radius: var(--x-radius-full);
    flex-shrink: 0;
}

.ci-risk-score[b-s3efnqyppc] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    flex-shrink: 0;
    width: 28px;
    text-align: right;
}

.ci-risk-badge[b-s3efnqyppc] {
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    flex-shrink: 0;
}

.ci-risk-badge--high[b-s3efnqyppc] {
    background-color: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
    border: 1px solid var(--x-color-destructive-muted);
}

.ci-risk-badge--medium[b-s3efnqyppc] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning);
    border: 1px solid var(--x-color-warning-muted);
}

.ci-risk-badge--low[b-s3efnqyppc] {
    background-color: var(--x-color-success-muted);
    color: var(--x-color-success);
    border: 1px solid var(--x-color-success-muted);
}

.ci-risk-empty[b-s3efnqyppc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-8) var(--x-spacing-5);
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
}

/* ── Signal Rows (sidebar) ── */

.ci-signal-row[b-s3efnqyppc] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-3) var(--x-spacing-4);
    border-bottom: 1px solid var(--x-color-border);
    cursor: pointer;
    transition: background-color var(--x-transition-normal);
}

.ci-signal-row:hover[b-s3efnqyppc] {
    background-color: var(--x-color-background);
}

.ci-signal-icon[b-s3efnqyppc] {
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: var(--x-radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ci-signal-icon--engagement[b-s3efnqyppc] {
    background-color: var(--x-color-info-muted);
    color: var(--x-color-info);
}

.ci-signal-icon--expansion[b-s3efnqyppc] {
    background-color: var(--x-color-success-muted);
    color: var(--x-color-success);
}

.ci-signal-icon--risk[b-s3efnqyppc] {
    background-color: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
}

.ci-signal-icon--milestone[b-s3efnqyppc] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.ci-signal-info[b-s3efnqyppc] {
    flex: 1;
    min-width: 0;
}

.ci-signal-title[b-s3efnqyppc] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    display: block;
    line-height: 1.4;
}

.ci-signal-meta[b-s3efnqyppc] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
    margin-top: var(--x-spacing-0-5);
}

.ci-signal-org[b-s3efnqyppc] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-primary);
}

.ci-signal-dot[b-s3efnqyppc] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-border);
}

.ci-signal-time[b-s3efnqyppc] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

/* ── Golden Records Section ── */

.ci-golden-section[b-s3efnqyppc] {
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-xl);
    overflow: hidden;
}

.ci-golden-count[b-s3efnqyppc] {
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.ci-golden-grid[b-s3efnqyppc] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-4);
}

.ci-golden-card[b-s3efnqyppc] {
    background-color: var(--x-color-warning-muted);
    border: 1px solid var(--x-color-warning-muted);
    border-radius: var(--x-radius-xl);
    padding: var(--x-spacing-4);
    cursor: pointer;
    transition: box-shadow var(--x-transition-normal);
}

.ci-golden-card:hover[b-s3efnqyppc] {
    box-shadow: var(--x-elevation-sm);
}

.ci-golden-card-header[b-s3efnqyppc] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-3);
}

.ci-golden-card-title[b-s3efnqyppc] {
    flex: 1;
    min-width: 0;
}

.ci-golden-card-metrics[b-s3efnqyppc] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
}

.ci-golden-metric[b-s3efnqyppc] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

.ci-golden-metric--muted[b-s3efnqyppc] {
    color: var(--x-color-muted-foreground);
}

/* ── Accounts Table ── */

.ci-accounts-card[b-s3efnqyppc] {
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-xl);
    overflow: hidden;
}

.ci-accounts-toolbar[b-s3efnqyppc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--x-spacing-3) var(--x-spacing-5);
    border-bottom: 1px solid var(--x-color-border);
    background-color: var(--x-color-background);
}

.ci-accounts-filters[b-s3efnqyppc] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.ci-filter-btn[b-s3efnqyppc] {
    padding: var(--x-spacing-1) var(--x-spacing-2-5);
    border-radius: var(--x-radius-lg);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-normal);
    background-color: transparent;
    color: var(--x-color-muted-foreground);
    border: 1px solid var(--x-color-border);
    cursor: pointer;
    transition: background-color var(--x-transition-normal), color var(--x-transition-normal);
}

.ci-filter-btn:hover[b-s3efnqyppc] {
    background-color: var(--x-color-muted);
}

.ci-filter-btn--active[b-s3efnqyppc] {
    background-color: var(--x-color-primary);
    color: var(--x-color-card);
    border-color: var(--x-color-primary);
    font-weight: var(--x-font-weight-medium);
}

.ci-accounts-sort[b-s3efnqyppc] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.ci-sort-label[b-s3efnqyppc] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.ci-sort-select[b-s3efnqyppc] {
    padding: var(--x-spacing-1) var(--x-spacing-2);
    border-radius: var(--x-radius-lg);
    font-size: var(--x-text-xxs);
    color: var(--x-color-foreground);
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    cursor: pointer;
}

.ci-table-header[b-s3efnqyppc] {
    display: grid;
    grid-template-columns: 32px 2fr 80px 72px 100px 90px 80px 60px 60px 32px;
    align-items: center;
    padding: var(--x-spacing-2-5) var(--x-spacing-5);
    border-bottom: 1px solid var(--x-color-border);
    background-color: var(--x-color-background);
}

.ci-table-header > span[b-s3efnqyppc] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.ci-table-row[b-s3efnqyppc] {
    display: grid;
    grid-template-columns: 32px 2fr 80px 72px 100px 90px 80px 60px 60px 32px;
    align-items: center;
    padding: var(--x-spacing-3) var(--x-spacing-5);
    border-bottom: 1px solid var(--x-color-border);
    cursor: pointer;
    transition: background-color var(--x-transition-normal);
}

.ci-table-row:hover[b-s3efnqyppc] {
    background-color: var(--x-color-background);
}

.ci-table-row--selected[b-s3efnqyppc] {
    background-color: var(--x-color-primary-muted);
}

.ci-table-row--selected:hover[b-s3efnqyppc] {
    background-color: var(--x-color-primary-muted);
}

.ci-table-account[b-s3efnqyppc] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    min-width: 0;
}

.ci-table-name[b-s3efnqyppc] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

.ci-health-cell[b-s3efnqyppc] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
}

.ci-health-bar-track[b-s3efnqyppc] {
    width: 32px;
    height: 4px;
    border-radius: var(--x-radius-full);
    background-color: var(--x-color-muted);
    overflow: hidden;
}

.ci-health-bar-fill[b-s3efnqyppc] {
    height: 100%;
    border-radius: var(--x-radius-full);
    width: var(--ci-health-bar-width, 0%);
}

.ci-health-score[b-s3efnqyppc] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
}

/* v3.47 absorption: typed health-class modifiers replace inline `style="background-color: @bound;"`
   and `style="color: @bound;"` consumer-side OWASP A03 sites. Class names mirror ColorType enum
   values lowercased; GetHealthClass() emits exactly one. Same semantic as XStatusPill / XProgressBar
   ColorType rendering, just locally scoped to the CRM intel-tab health surface. */
.ci-health--success[b-s3efnqyppc] {
    background-color: var(--x-color-success);
    color: var(--x-color-success);
}
.ci-health--warning[b-s3efnqyppc] {
    background-color: var(--x-color-warning);
    color: var(--x-color-warning);
}
.ci-health--danger[b-s3efnqyppc] {
    background-color: var(--x-color-destructive);
    color: var(--x-color-destructive);
}

.ci-health-score.ci-health--success[b-s3efnqyppc],
.ci-health-score.ci-health--warning[b-s3efnqyppc],
.ci-health-score.ci-health--danger[b-s3efnqyppc] {
    background-color: transparent;
}

.ci-trend-cell[b-s3efnqyppc] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ci-type-badge[b-s3efnqyppc] {
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    width: fit-content;
}

.ci-type-badge--existing[b-s3efnqyppc] {
    background-color: var(--x-color-success-muted);
    color: var(--x-color-success);
}

.ci-type-badge--prospect[b-s3efnqyppc] {
    background-color: var(--x-color-info-muted);
    color: var(--x-color-info);
}

.ci-arr-cell[b-s3efnqyppc] {
    display: flex;
    flex-direction: column;
}

.ci-arr-value[b-s3efnqyppc] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

.ci-arr-value--empty[b-s3efnqyppc] {
    color: var(--x-color-muted-foreground);
}

.ci-arr-delta[b-s3efnqyppc] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-0-5);
    font-size: var(--x-text-xxs);
}

.ci-arr-delta--up[b-s3efnqyppc] {
    color: var(--x-color-success);
}

.ci-arr-delta--down[b-s3efnqyppc] {
    color: var(--x-color-destructive);
}

.ci-metric-value[b-s3efnqyppc] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

.ci-metric-value--empty[b-s3efnqyppc] {
    color: var(--x-color-muted-foreground);
}

.ci-table-empty[b-s3efnqyppc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-12) var(--x-spacing-5);
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
}

/* ── Signals Section (Timeline) ── */

.ci-signal-filters[b-s3efnqyppc] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.ci-timeline-card[b-s3efnqyppc] {
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-xl);
    overflow: hidden;
}

.ci-timeline-row[b-s3efnqyppc] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-4) var(--x-spacing-5);
    border-bottom: 1px solid var(--x-color-border);
    cursor: pointer;
    transition: background-color var(--x-transition-normal);
}

.ci-timeline-row:last-child[b-s3efnqyppc] {
    border-bottom: none;
}

.ci-timeline-row:hover[b-s3efnqyppc] {
    background-color: var(--x-color-background);
}

.ci-timeline-dot-col[b-s3efnqyppc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    width: 32px;
}

.ci-timeline-line[b-s3efnqyppc] {
    width: 2px;
    flex: 1;
    min-height: 12px;
    background-color: var(--x-color-border);
    margin-top: var(--x-spacing-1);
}

.ci-timeline-content[b-s3efnqyppc] {
    flex: 1;
    min-width: 0;
}

.ci-timeline-header[b-s3efnqyppc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-1);
}

.ci-timeline-badges[b-s3efnqyppc] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.ci-signal-type-badge[b-s3efnqyppc] {
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
}
/* /Components/Pages/Crm/CrmImportModal.razor.rz.scp.css */
/* ================================================
   CRM Import Modal — Scoped CSS
   Uses --x-* canonical tokens
   ================================================ */

/* Modal chrome overrides via Class parameter */
.crm-modal[b-bravocdhui] {
    width: 520px;
    max-width: 90vw;
    max-height: 85vh;
    border-radius: var(--x-radius-xl);
}

.crm-modal .x-modal-header[b-bravocdhui] {
    padding: 0;
    border-bottom: none;
}

.crm-modal .x-modal-body[b-bravocdhui] {
    padding: 0;
}

.crm-modal .x-modal-footer[b-bravocdhui] {
    padding: 0;
    border-top: none;
    background: none;
}

/* Modal header */
.crm-modal-header[b-bravocdhui] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-4) var(--x-spacing-6);
    border-bottom: 1px solid var(--x-color-border);
}

.crm-modal-header-icon[b-bravocdhui] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--x-color-primary);
}

.crm-modal-header-title[b-bravocdhui] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
    flex: 1;
}

.crm-modal-close[b-bravocdhui] {
    background: none;
    border: none;
    cursor: pointer;
    padding: var(--x-spacing-1-5);
    border-radius: var(--x-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--x-color-muted-foreground);
    transition: background-color var(--x-transition-normal), color var(--x-transition-normal);
}

.crm-modal-close:hover[b-bravocdhui] {
    background-color: var(--x-color-muted);
    color: var(--x-color-foreground);
}

/* Modal footer */
.crm-modal-footer[b-bravocdhui] {
    display: flex;
    justify-content: flex-end;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-4) var(--x-spacing-6);
    border-top: 1px solid var(--x-color-border);
    background-color: var(--x-color-background);
    border-radius: 0 0 var(--x-radius-xl) var(--x-radius-xl);
}

/* Form layout */
.crm-modal-form[b-bravocdhui] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-6);
    overflow-y: auto;
    max-height: calc(85vh - 130px);
}

/* Instructions */
.import-instructions[b-bravocdhui] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.import-instructions-title[b-bravocdhui] {
    margin: 0;
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

.import-instructions-detail[b-bravocdhui] {
    margin: 0;
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    line-height: 1.5;
}

/* Drag-drop zone */
.import-drop-zone[b-bravocdhui] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-8);
    border: 2px dashed var(--x-color-border);
    border-radius: var(--x-radius-lg);
    background-color: var(--x-color-background);
    transition: border-color var(--x-transition-normal), background-color var(--x-transition-normal);
    text-align: center;
    min-height: 140px;
    position: relative;
}

.import-drop-zone-active[b-bravocdhui] {
    border-color: var(--x-color-primary);
    background-color: var(--x-color-primary-muted);
}

.import-drop-icon[b-bravocdhui] {
    color: var(--x-color-muted-foreground);
}

.import-drop-text[b-bravocdhui] {
    margin: 0;
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    position: relative;
}

.import-file-input[b-bravocdhui] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.import-browse-link[b-bravocdhui] {
    color: var(--x-color-primary);
    font-weight: var(--x-font-weight-medium);
    cursor: pointer;
    text-decoration: underline;
}

.import-browse-link:hover[b-bravocdhui] {
    color: var(--x-color-primary-hover);
}

.import-file-name[b-bravocdhui] {
    margin: 0;
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-primary);
}

/* Result */
.import-result[b-bravocdhui] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.import-errors[b-bravocdhui] {
    margin: 0;
    padding-left: var(--x-spacing-5);
    font-size: var(--x-text-xxs);
    color: var(--x-color-destructive-hover);
}

.import-errors li[b-bravocdhui] {
    margin-bottom: var(--x-spacing-0-5);
}
/* /Components/Pages/Crm/CrmIntelOverviewSection.razor.rz.scp.css */
/* ================================================
   CRM Customer Intelligence Overview — Scoped CSS
   Extracted from CrmCustomerIntelTab (CC-006 split).
   Uses --x-* canonical tokens.
   ================================================ */

/* ── Euro Icon (no Xablu XIcon for Euro — inline Unicode glyph) ── */
.ci-icon-euro[b-rmkvwp49oa] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--x-text-base);
    font-weight: var(--x-font-weight-semibold);
    line-height: 1;
}
.ci-icon-euro--sm[b-rmkvwp49oa] {
    font-size: var(--x-text-xs);
}

/* ── KPI Cards ── */

.ci-kpi-row[b-rmkvwp49oa] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--x-spacing-3);
}

.ci-kpi-card[b-rmkvwp49oa] {
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-xl);
    padding: var(--x-spacing-4);
}

.ci-kpi-icon[b-rmkvwp49oa] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--x-radius-lg);
    margin-bottom: var(--x-spacing-3);
}

.ci-kpi-icon--customers[b-rmkvwp49oa] {
    background-color: var(--x-color-primary-muted);
}

.ci-kpi-icon--revenue[b-rmkvwp49oa] {
    background-color: var(--x-color-success-muted);
}

/* v3.47 absorption: typed band classes (.ci-kpi-icon--success/warning/danger) replace
   inline `style="background-color: @bound;"` ternaries on the AvgHealthScore / AtRiskCount
   / AvgNps KPI cards. */
.ci-kpi-icon--success[b-rmkvwp49oa] {
    background-color: var(--x-color-success-muted);
}
.ci-kpi-icon--warning[b-rmkvwp49oa] {
    background-color: var(--x-color-warning-muted);
}
.ci-kpi-icon--danger[b-rmkvwp49oa] {
    background-color: var(--x-color-destructive-muted);
}

/* v3.47 absorption: typed risk-band classes (.ci-risk-health-dot--/--ci-risk-score--)
   replace inline `style="background-color/color: @bound;"` ternaries in the at-risk org list. */
.ci-risk-health-dot--danger[b-rmkvwp49oa] {
    background-color: var(--x-color-destructive);
}
.ci-risk-health-dot--warning[b-rmkvwp49oa] {
    background-color: var(--x-color-warning);
}
.ci-risk-score--danger[b-rmkvwp49oa] {
    color: var(--x-color-destructive);
}
.ci-risk-score--warning[b-rmkvwp49oa] {
    color: var(--x-color-warning);
}

.ci-kpi-value[b-rmkvwp49oa] {
    font-size: var(--x-text-xl);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

.ci-kpi-label[b-rmkvwp49oa] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    margin-top: var(--x-spacing-0-5);
}

.ci-kpi-sub[b-rmkvwp49oa] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    margin-top: var(--x-spacing-0-5);
}

/* ── Charts Row ── */

.ci-charts-row[b-rmkvwp49oa] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--x-spacing-4);
}

.ci-chart-card[b-rmkvwp49oa] {
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-xl);
    padding: var(--x-spacing-5);
}

.ci-chart-header[b-rmkvwp49oa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--x-spacing-4);
}

.ci-chart-title[b-rmkvwp49oa] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

.ci-chart-subtitle[b-rmkvwp49oa] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.ci-chart-bar-container[b-rmkvwp49oa] {
    height: 180px;
}

.ci-chart-body-donut[b-rmkvwp49oa] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-6);
}

.ci-donut-chart[b-rmkvwp49oa] {
    width: 150px;
    height: 150px;
    flex-shrink: 0;
}

.ci-donut-legend[b-rmkvwp49oa] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2-5);
}

.ci-legend-item[b-rmkvwp49oa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ci-legend-left[b-rmkvwp49oa] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.ci-legend-dot[b-rmkvwp49oa] {
    width: 8px;
    height: 8px;
    border-radius: var(--x-radius-full);
    flex-shrink: 0;
    /* v3.47 absorption: --legend-dot-color custom property carries the chart-palette colour
       via inline style. Same OWASP A03 mitigation pattern as --logo-color. */
    background-color: var(--legend-dot-color, var(--x-color-border));
}

.ci-legend-label[b-rmkvwp49oa] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-foreground);
}

.ci-legend-value[b-rmkvwp49oa] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

/* ── At-Risk + Signals Row ── */

.ci-risk-signals-row[b-rmkvwp49oa] {
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: var(--x-spacing-4);
}

.ci-risk-table[b-rmkvwp49oa],
.ci-signals-sidebar[b-rmkvwp49oa] {
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-xl);
    overflow: hidden;
}

.ci-signals-sidebar[b-rmkvwp49oa] {
    display: flex;
    flex-direction: column;
}

.ci-section-header[b-rmkvwp49oa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--x-spacing-4) var(--x-spacing-5);
    border-bottom: 1px solid var(--x-color-border);
}

.ci-section-header-left[b-rmkvwp49oa] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.ci-section-title[b-rmkvwp49oa] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

.ci-signal-count[b-rmkvwp49oa] {
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    background-color: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
}

/* ── Risk Rows ── */

.ci-risk-row[b-rmkvwp49oa] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-3) var(--x-spacing-5);
    border-bottom: 1px solid var(--x-color-border);
    cursor: pointer;
    transition: background-color var(--x-transition-normal);
}

.ci-risk-row:hover[b-rmkvwp49oa] {
    background-color: var(--x-color-background);
}

.ci-risk-logo[b-rmkvwp49oa] {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: var(--x-radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-card);
    /* v3.47 absorption: --logo-color CSS custom property carries user-supplied
       brand colour via inline style. The CSS-custom-property indirection is the
       canonical OWASP A03 mitigation — values are inert until consumed via var(),
       and CSS parser blocks any non-colour-shaped input. */
    background-color: var(--logo-color, var(--x-color-border));
}

.ci-risk-info[b-rmkvwp49oa] {
    flex: 1;
    min-width: 0;
}

.ci-risk-name-row[b-rmkvwp49oa] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
}

.ci-risk-name[b-rmkvwp49oa] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ci-risk-industry[b-rmkvwp49oa] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.ci-risk-health-dot[b-rmkvwp49oa] {
    width: 8px;
    height: 8px;
    border-radius: var(--x-radius-full);
    flex-shrink: 0;
}

.ci-risk-score[b-rmkvwp49oa] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    flex-shrink: 0;
    width: 28px;
    text-align: right;
}

.ci-risk-badge[b-rmkvwp49oa] {
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    flex-shrink: 0;
}

.ci-risk-badge--high[b-rmkvwp49oa] {
    background-color: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
    border: 1px solid var(--x-color-destructive-muted);
}

.ci-risk-badge--medium[b-rmkvwp49oa] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning);
    border: 1px solid var(--x-color-warning-muted);
}

.ci-risk-badge--low[b-rmkvwp49oa] {
    background-color: var(--x-color-success-muted);
    color: var(--x-color-success);
    border: 1px solid var(--x-color-success-muted);
}

.ci-risk-empty[b-rmkvwp49oa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-8) var(--x-spacing-5);
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
}

/* ── Signal Rows (sidebar) ── */

.ci-signal-row[b-rmkvwp49oa] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-3) var(--x-spacing-4);
    border-bottom: 1px solid var(--x-color-border);
    cursor: pointer;
    transition: background-color var(--x-transition-normal);
}

.ci-signal-row:hover[b-rmkvwp49oa] {
    background-color: var(--x-color-background);
}

.ci-signal-icon[b-rmkvwp49oa] {
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: var(--x-radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ci-signal-icon--engagement[b-rmkvwp49oa] {
    background-color: var(--x-color-info-muted);
    color: var(--x-color-info);
}

.ci-signal-icon--expansion[b-rmkvwp49oa] {
    background-color: var(--x-color-success-muted);
    color: var(--x-color-success);
}

.ci-signal-icon--risk[b-rmkvwp49oa] {
    background-color: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
}

.ci-signal-icon--milestone[b-rmkvwp49oa] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.ci-signal-info[b-rmkvwp49oa] {
    flex: 1;
    min-width: 0;
}

.ci-signal-title[b-rmkvwp49oa] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    display: block;
    line-height: 1.4;
}

.ci-signal-meta[b-rmkvwp49oa] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
    margin-top: var(--x-spacing-0-5);
}

.ci-signal-org[b-rmkvwp49oa] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-primary);
}

.ci-signal-dot[b-rmkvwp49oa] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-border);
}

.ci-signal-time[b-rmkvwp49oa] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

/* ── Golden Records Section ── */

.ci-golden-section[b-rmkvwp49oa] {
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-xl);
    overflow: hidden;
}

.ci-golden-count[b-rmkvwp49oa] {
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.ci-golden-grid[b-rmkvwp49oa] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-4);
}

.ci-golden-card[b-rmkvwp49oa] {
    background-color: var(--x-color-warning-muted);
    border: 1px solid var(--x-color-warning-muted);
    border-radius: var(--x-radius-xl);
    padding: var(--x-spacing-4);
    cursor: pointer;
    transition: box-shadow var(--x-transition-normal);
}

.ci-golden-card:hover[b-rmkvwp49oa] {
    box-shadow: var(--x-elevation-sm);
}

.ci-golden-card-header[b-rmkvwp49oa] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-3);
}

.ci-golden-card-title[b-rmkvwp49oa] {
    flex: 1;
    min-width: 0;
}

.ci-golden-card-metrics[b-rmkvwp49oa] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
}

.ci-golden-metric[b-rmkvwp49oa] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

.ci-golden-metric--muted[b-rmkvwp49oa] {
    color: var(--x-color-muted-foreground);
}
/* /Components/Pages/Crm/CrmLinkedSection.razor.rz.scp.css */
.crm-linked-section[b-7xbhj71er7] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.crm-linked-header[b-7xbhj71er7] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding-bottom: var(--x-spacing-1);
    border-bottom: 1px solid var(--x-color-border);
}

.crm-linked-title[b-7xbhj71er7] {
    margin: 0;
}

.crm-linked-list[b-7xbhj71er7] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1-5);
    max-height: 18rem;
    overflow-y: auto;
}

.crm-linked-empty[b-7xbhj71er7] {
    padding: var(--x-spacing-4);
    text-align: center;
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
}

.crm-linked-loading[b-7xbhj71er7] {
    padding: var(--x-spacing-4);
    text-align: center;
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
}
/* /Components/Pages/Crm/CrmOrganisationsTab.razor.rz.scp.css */
/* CRM Organisations Tab — Figma Make React parity */

.crm-tab-content[b-3bwjm4v6rs] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-4);
}

.crm-tab-toolbar[b-3bwjm4v6rs] {
    display: flex;
    gap: var(--x-spacing-3);
    align-items: center;
    flex-wrap: wrap;
}

/* v3.47 absorption round 2: ::deep .x-searchbox lib-internal coupling RETIRED in favour
   of wrapper-div pattern. FigmaMake spec: search box is 280px, not full-width. The
   width now lives on the consumer-side wrapper class — the inner XSearchbox fills
   its container's width via natural flex behaviour. */
/* 2026-05-25 design sweep — pass 4:
   - Grid|List toggle stays LEFT (first child).
   - Search gets `margin-left: auto` so it + the 4 filters cluster on the trailing edge.
   - Pass-3 wrappers were too narrow (110px) — the inner XSelect's content (e.g.
     "All Customer Types", "Signal Strength") overflowed the wrapper and visually
     overlapped the next filter. Pass-4 bumps filter wrappers to 140px which fits
     the longest label cleanly without collapsing to a multi-row layout. */
.crm-toolbar-search[b-3bwjm4v6rs] {
    width: 200px;
    min-width: 160px;
    flex-shrink: 1;
    display: flex;
    margin-left: auto;
}
.crm-toolbar-search > *[b-3bwjm4v6rs] {
    flex: 1;
}

.crm-toolbar-filter[b-3bwjm4v6rs] {
    width: 140px;
    flex-shrink: 0;
    display: flex;
}
.crm-toolbar-filter > *[b-3bwjm4v6rs] {
    flex: 1;
}

/* Spacer pushes the right cluster (view toggle + Import + Add) to the trailing edge. */
.crm-tab-toolbar-spacer[b-3bwjm4v6rs] {
    flex: 1;
}

.crm-tab-loading[b-3bwjm4v6rs] {
    display: flex;
    justify-content: center;
    padding: var(--x-spacing-8) 0;
}


/* CB-3: XDataTable list view styling via Class parameter */
.crm-org-table[b-3bwjm4v6rs] {
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-lg);
    overflow: hidden;
}

.crm-org-table .x-datatable[b-3bwjm4v6rs] {
    width: 100%;
    border-collapse: collapse;
}

/* CB-3.2: Header row */
.crm-org-table thead th[b-3bwjm4v6rs] {
    background-color: var(--x-color-background);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: var(--x-spacing-2-5) var(--x-spacing-4);
    text-align: left;
    border-bottom: 1px solid var(--x-color-border);
}

/* CB-3.3: Data rows */
.crm-org-table tbody tr[b-3bwjm4v6rs] {
    border-bottom: 1px solid var(--x-color-border);
    cursor: pointer;
    transition: background-color var(--x-duration-fast) var(--x-ease-out);
}

.crm-org-table tbody tr:last-child[b-3bwjm4v6rs] {
    border-bottom: none;
}

.crm-org-table tbody td[b-3bwjm4v6rs] {
    padding: var(--x-spacing-3) var(--x-spacing-4);
    vertical-align: middle;
}

/* CB-3.5: Row hover */
.crm-org-table tbody tr:hover[b-3bwjm4v6rs] {
    background-color: var(--x-color-card-hover);
}

/* CB-3.4: Draft row — warning-50 bg per React design */
.crm-org-table tbody tr.org-row-draft[b-3bwjm4v6rs] {
    background-color: var(--x-color-warning-muted);
}

.crm-org-table tbody tr.org-row-draft:hover[b-3bwjm4v6rs] {
    background-color: var(--x-color-warning-muted);
}

/* Selected row */
.crm-org-table tbody tr.org-row-selected[b-3bwjm4v6rs],
.crm-org-table tbody tr.selected[b-3bwjm4v6rs] {
    background-color: var(--x-color-primary-muted);
}

/* Name cell with logo + stacked name */
.org-name-cell[b-3bwjm4v6rs] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
}

.org-list-logo[b-3bwjm4v6rs] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: var(--x-radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-card);
    /* v3.47 absorption: --logo-color custom property. */
    background-color: var(--logo-color, var(--x-color-border));
}

.org-list-name-stack[b-3bwjm4v6rs] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.org-list-name-primary[b-3bwjm4v6rs] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
}

.org-list-name-secondary[b-3bwjm4v6rs] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    /* D6: truncate long industry strings so they never push the layout wider. */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Roles overflow */
.org-list-roles-overflow[b-3bwjm4v6rs] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-1);
    overflow: hidden;
    max-height: 24px;
}

.pin-icon[b-3bwjm4v6rs],
.star-icon[b-3bwjm4v6rs] {
    display: inline-flex;
    vertical-align: middle;
}

/* React design: pin = primary-600, star = warning-500 */
.pin-icon[b-3bwjm4v6rs] {
    color: var(--x-color-primary);
}

.star-icon[b-3bwjm4v6rs] {
    color: var(--x-color-warning);
}

/* Group ι.1 (FigmaMake CRM parity, 2026-05-06): explicit 3-column grid for
   the Organisations grid view. Replaces the prior <XGrid AutoFit MinWidth=280>
   which collapsed to 2 columns at the typical viewport. FigmaMake's reference
   layout uses 3 columns at the same effective viewport. Responsive collapse
   to 2 cols below 1100px and a single column on mobile keeps cards readable. */
.crm-org-grid[b-3bwjm4v6rs] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--x-spacing-4);
}

/* Canonical breakpoints per DbArchitectureGuardrailTests.RazorCss_
   MediaQueries_ShouldOnlyUseCanonicalBreakpoints: {640, 768, 1024, 1280}.
   1024 covers tablet-landscape -> 2-col; 768 covers phone-landscape -> 1-col. */
@media (max-width: 1024px) {
    .crm-org-grid[b-3bwjm4v6rs] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .crm-org-grid[b-3bwjm4v6rs] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Crm/CrmOrgCard.razor.rz.scp.css */
/* CRM Organisation Card — Figma Make React parity */

.crm-org-card[b-gdksxrsqsq] {
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-lg);
    padding: var(--x-spacing-4);
    cursor: pointer;
    transition: box-shadow var(--x-duration-normal) var(--x-ease-out);
}

.crm-org-card:hover[b-gdksxrsqsq] {
    box-shadow: var(--x-elevation-card-hover);
}

/* CB-2.4: Selected state — solid primary border */
.crm-org-card-selected[b-gdksxrsqsq] {
    outline: 2px solid var(--x-color-primary);
    outline-offset: -2px;
    border-radius: var(--x-radius-lg);
}

/* CB-2.3: Draft state — dashed warning border (FigmaMake: 2px dashed) */
.crm-org-card-draft[b-gdksxrsqsq] {
    border: 2px dashed var(--x-color-warning);
    outline: none;
}

.crm-org-card-draft .org-card-header[b-gdksxrsqsq] {
    background-color: var(--x-color-warning-muted);
    margin: calc(-1 * var(--x-spacing-4));
    margin-bottom: var(--x-spacing-3);
    padding: var(--x-spacing-4);
    border-radius: var(--x-radius-lg) var(--x-radius-lg) 0 0;
}

.org-card-header[b-gdksxrsqsq] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-3);
}

/* CB-2.5: 44x44 logo square with initials — rounded-lg for orgs */
.org-card-logo[b-gdksxrsqsq] {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: var(--x-radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-card);
    /* v3.47 absorption: --logo-color custom property. */
    background-color: var(--logo-color, var(--x-color-border));
}

/* Group ι.3 (FigmaMake CRM parity, 2026-05-06): two-row grid layout so the
   pin + golden-star icon-buttons render inline next to the name (row 1),
   with industry below as a sub-text (row 2). Replaces the previous separate
   .org-card-actions block on the right of the header. */
.org-card-title[b-gdksxrsqsq] {
    display: grid;
    grid-template-areas: "name actions" "industry industry";
    grid-template-columns: 1fr auto;
    align-items: center;
    column-gap: var(--x-spacing-1);
    flex: 1;
    min-width: 0;
}

/* React design: text-sm, font-weight-medium */
.org-name[b-gdksxrsqsq] {
    grid-area: name;
    font-weight: var(--x-font-weight-medium);
    font-size: var(--x-text-sm);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--x-color-foreground);
}

.org-card-title-actions[b-gdksxrsqsq] {
    grid-area: actions;
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

/* Inline icon-button next to the name. Smaller than the previous
   .org-action-btn (28x28) — these are decorative-ish indicators that
   double as toggles, NOT primary actions. */
.org-title-action[b-gdksxrsqsq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: none;
    border-radius: var(--x-radius-sm);
    background: transparent;
    color: var(--x-color-muted-foreground);
    cursor: pointer;
    padding: 0;
    transition: color var(--x-duration-fast) var(--x-ease-out),
                background-color var(--x-duration-fast) var(--x-ease-out);
}

.org-title-action:hover[b-gdksxrsqsq] {
    background: var(--x-color-muted);
    color: var(--x-color-foreground);
}

.org-title-action.org-title-action--active[b-gdksxrsqsq] {
    color: var(--x-color-primary);
}

.org-title-action.org-title-action--golden[b-gdksxrsqsq] {
    color: var(--x-color-warning);
}

.org-industry[b-gdksxrsqsq] {
    grid-area: industry;
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

/* (Group ι.3, 2026-05-06) The previous .org-card-actions block (separate
   28x28 pin/star/watchlist buttons on the right of the header) was retired.
   Pin + golden-star moved inline next to the name (.org-title-action).
   Watchlist UI removed from the card per FigmaMake reference. */

/* Role badges — colored pills per React role config */
.org-card-roles[b-gdksxrsqsq] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-1);
    margin-bottom: var(--x-spacing-3);
}

.org-card-footer[b-gdksxrsqsq] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    justify-content: space-between;
}

/* Signal strength: text-xs with Signal icon */
.org-card-footer .signal-text[b-gdksxrsqsq] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

/* CB-2.7 + Group ι.5 (FigmaMake CRM parity, 2026-05-06): the draft-commit
   CTA spans the full width of the card edge-to-edge, sitting flush at the
   bottom (no padding gap to the card border). Negative margins escape the
   XCard internal padding so the button looks like a footer-bar, not a
   stand-alone button inside the card. The card-level dashed warning border
   stays as the visual highlight (already in .crm-org-card-draft above). */
.org-card-commit[b-gdksxrsqsq] {
    margin: var(--x-spacing-4) calc(-1 * var(--x-spacing-4)) calc(-1 * var(--x-spacing-4));
}

/* Commit button full-width is enforced globally in app.css
   (.org-card-commit button { width: 100% }) due to the child-component
   boundary the XButton renders. */
/* /Components/Pages/Crm/CrmOrgDetailPanel.razor.rz.scp.css */
/* ================================================
   CRM Org Detail Panel — Scoped CSS
   Uses --x-* canonical tokens
   ================================================ */

/* Click-to-close backdrop */
.detail-backdrop[b-5bwbtfm5sm] {
    position: fixed;
    inset: 0;
    background-color: var(--x-color-overlay);
    z-index: 999;
}

.detail-panel-content[b-5bwbtfm5sm] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-5);
    padding: var(--x-spacing-6);
}

/* Header — 44px logo, name, close button */
.detail-header[b-5bwbtfm5sm] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-4);
}

.detail-header-logo[b-5bwbtfm5sm] {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: var(--x-radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-card);
    /* v3.47 absorption: --logo-color custom property. */
    background-color: var(--logo-color, var(--x-color-border));
}

.detail-header-info[b-5bwbtfm5sm] {
    flex: 1;
    min-width: 0;
}

.detail-header-name[b-5bwbtfm5sm] {
    margin: 0;
    color: var(--x-color-foreground);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.detail-header-industry[b-5bwbtfm5sm] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.detail-close-btn[b-5bwbtfm5sm] {
    appearance: none;
    border: none;
    background: none;
    padding: var(--x-spacing-1-5);
    cursor: pointer;
    border-radius: var(--x-radius-md);
    color: var(--x-color-muted-foreground);
    transition: background-color var(--x-transition-fast);
}

.detail-close-btn:hover[b-5bwbtfm5sm] {
    background-color: var(--x-color-card-hover);
    color: var(--x-color-foreground);
}

/* Action bar */
.detail-actions-bar[b-5bwbtfm5sm] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
}

.detail-roles[b-5bwbtfm5sm] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-1);
    flex: 1;
}

/* Meta grid — styled XDescriptionList */
.detail-meta-grid[b-5bwbtfm5sm] {
    border-radius: var(--x-radius-lg);
    border: 1px solid var(--x-color-border);
    padding: var(--x-spacing-4);
    background-color: var(--x-color-card);
}

.signal-tier-badge[b-5bwbtfm5sm] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

/* Description */
.detail-description[b-5bwbtfm5sm] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.detail-description p[b-5bwbtfm5sm] {
    margin: 0;
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
    line-height: 1.5;
}

/* Section title */
.detail-section-title[b-5bwbtfm5sm] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--x-spacing-2);
}

/* C5: inline "Saving…" hint next to the Flags header during toggle save. */
.detail-saving-hint[b-5bwbtfm5sm] {
    font-style: italic;
    font-weight: var(--x-font-weight-normal);
    color: var(--x-color-muted-foreground);
    text-transform: none;
    letter-spacing: 0;
    margin-left: var(--x-spacing-2);
}

/* Toggles */
.detail-toggles[b-5bwbtfm5sm] {
    display: flex;
    flex-direction: column;
}

.detail-toggle-row[b-5bwbtfm5sm] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

/* Linked Persons — symmetric with CrmPersonDetailPanel.razor.css linked-org-* */
.detail-linked-persons[b-5bwbtfm5sm] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.linked-person-row[b-5bwbtfm5sm] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-lg);
    transition: background-color var(--x-transition-fast);
}

.linked-person-info[b-5bwbtfm5sm] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-2-5) var(--x-spacing-3);
    flex: 1;
    min-width: 0;
    cursor: pointer;
}

.linked-person-info:hover[b-5bwbtfm5sm] {
    background-color: var(--x-color-card-hover);
}

.linked-person-text[b-5bwbtfm5sm] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.linked-person-name[b-5bwbtfm5sm] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

.linked-person-title[b-5bwbtfm5sm] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

[b-5bwbtfm5sm] .linked-person-unlink {
    color: var(--x-color-muted-foreground);
    flex-shrink: 0;
}

.linked-person-selector[b-5bwbtfm5sm] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.linked-person-dropdown-slot[b-5bwbtfm5sm] {
    flex: 1;
}

/* Footer */
.detail-footer[b-5bwbtfm5sm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: var(--x-spacing-3);
    border-top: 1px solid var(--x-color-border);
}

.detail-footer-source[b-5bwbtfm5sm] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
}

/* ================================================
   Voice Bundle D (V-05-M) — research-history section
   ================================================ */
.detail-research-history[b-5bwbtfm5sm] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.research-history-empty[b-5bwbtfm5sm] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    font-style: italic;
}

.research-history-row[b-5bwbtfm5sm] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    padding: var(--x-spacing-2) var(--x-spacing-3);
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
}

.research-history-meta[b-5bwbtfm5sm] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    flex-wrap: wrap;
}

.research-history-cost[b-5bwbtfm5sm],
.research-history-evidence[b-5bwbtfm5sm],
.research-history-time[b-5bwbtfm5sm] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.research-history-failure[b-5bwbtfm5sm] {
    font-size: var(--x-text-xs);
    color: var(--x-color-danger);
}
/* /Components/Pages/Crm/CrmPage.razor.rz.scp.css */
.crm-page[b-extxp6bvma] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-6);
    /* max-width, padding, margin now handled by XPageContainer */
}

.crm-header[b-extxp6bvma] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.crm-header h1[b-extxp6bvma] {
    font-size: var(--x-text-3xl);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
    margin: 0;
}

.crm-actions[b-extxp6bvma] {
    display: flex;
    gap: var(--x-spacing-2);
}

.crm-loading[b-extxp6bvma] {
    display: flex;
    justify-content: center;
    padding: var(--x-spacing-16) 0;
}

.crm-error[b-extxp6bvma] {
    display: flex;
    justify-content: center;
    padding: var(--x-spacing-16) 0;
}

/* Tab header row: AI toggle positioned right */
.crm-tab-header-row[b-extxp6bvma] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: var(--x-spacing-2) var(--x-spacing-4) 0;
}

.crm-ai-toggle[b-extxp6bvma] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border-radius: var(--x-radius-lg);
    border: 1px solid var(--x-color-border);
    cursor: pointer;
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
    background-color: transparent;
    transition: all var(--x-transition-normal);
}

.crm-ai-toggle:hover[b-extxp6bvma] {
    background-color: var(--x-color-card-hover);
}

.crm-ai-toggle-active[b-extxp6bvma] {
    background-color: var(--x-color-primary-muted);
    border-color: var(--x-color-primary);
    color: var(--x-color-primary-hover);
}

.crm-ai-toggle-count[b-extxp6bvma] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--x-spacing-0-5) var(--x-spacing-1-5);
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    background-color: var(--x-color-primary);
    color: var(--x-color-card);
    min-width: var(--x-spacing-4);
}

/* Content layout with optional AI panel */
.crm-content-layout[b-extxp6bvma] {
    display: flex;
    gap: var(--x-spacing-4);
}

.crm-tab-content[b-extxp6bvma] {
    flex: 1;
    min-width: 0;
    background-color: var(--x-color-card);
    border-radius: var(--x-radius-lg);
    border: 1px solid var(--x-color-border);
}

.crm-content-with-ai .crm-tab-content[b-extxp6bvma] {
    flex: 0.6;
}

.crm-content-with-ai .crm-ai-panel-container[b-extxp6bvma] {
    flex: 0.4;
}

.crm-ai-panel-container[b-extxp6bvma] {
    border-radius: var(--x-radius-xl);
    border: 1px solid var(--x-color-border);
    background-color: var(--x-color-card);
    overflow: hidden;
}

/* RC-156 journey-map banner: surfaces the originating task title + description
   above the CRM page content when the user arrives via TaskCard click. Tinted
   info background so it visually reads as a contextual breadcrumb, not as a
   page-level header. */
.crm-from-task-banner[b-extxp6bvma] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: var(--x-spacing-3);
    align-items: start;
    padding: var(--x-spacing-3) var(--x-spacing-4);
    background: var(--x-color-info-muted);
    border: 1px solid var(--x-color-info);
    border-radius: var(--x-radius-md);
}

.crm-from-task-icon[b-extxp6bvma] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--x-radius-md);
    background: var(--x-color-card);
    color: var(--x-color-info);
    flex-shrink: 0;
}

.crm-from-task-body[b-extxp6bvma] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    min-width: 0;
}

.crm-from-task-label[b-extxp6bvma] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.025em;
    color: var(--x-color-info);
}

.crm-from-task-title[b-extxp6bvma] {
    font-size: var(--x-text-base);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
}

.crm-from-task-description[b-extxp6bvma] {
    margin: 0;
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    line-height: 1.45;
}

.crm-from-task-actions[b-extxp6bvma] {
    display: flex;
    gap: var(--x-spacing-2);
    align-items: center;
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .crm-from-task-banner[b-extxp6bvma] {
        grid-template-columns: 1fr;
    }
    .crm-from-task-actions[b-extxp6bvma] {
        justify-self: end;
    }
}
/* /Components/Pages/Crm/CrmPersonCard.razor.rz.scp.css */
/* CRM Person Card — Figma Make React parity */

.crm-person-card[b-qim4kvlibp] {
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-lg);
    padding: var(--x-spacing-4);
    cursor: pointer;
    transition: box-shadow var(--x-duration-normal) var(--x-ease-out);
}

.crm-person-card:hover[b-qim4kvlibp] {
    box-shadow: var(--x-elevation-card-hover);
}

/* CB-4.3: Selected state — solid primary border */
.crm-person-card-selected[b-qim4kvlibp] {
    outline: 2px solid var(--x-color-primary);
    outline-offset: -2px;
    border-radius: var(--x-radius-lg);
}

/* CB-4.3: Draft state — dashed warning border (FigmaMake: 2px dashed) */
.crm-person-card-draft[b-qim4kvlibp] {
    border: 2px dashed var(--x-color-warning);
    outline: none;
}

.crm-person-card-draft .person-card-header[b-qim4kvlibp] {
    background-color: var(--x-color-warning-muted);
    margin: calc(-1 * var(--x-spacing-4));
    margin-bottom: var(--x-spacing-3);
    padding: var(--x-spacing-4);
    border-radius: var(--x-radius-lg) var(--x-radius-lg) 0 0;
}

.person-card-header[b-qim4kvlibp] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-3);
}

/* CB-4.1: 44x44 rounded-full avatar circle — persons use full radius */
.person-card-avatar[b-qim4kvlibp] {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: var(--x-radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-card);
}

.person-card-title[b-qim4kvlibp] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

/* React design: text-sm, font-weight-medium */
.person-name[b-qim4kvlibp] {
    font-weight: var(--x-font-weight-medium);
    font-size: var(--x-text-sm);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--x-color-foreground);
}

.person-role-title[b-qim4kvlibp] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

/* CB-4.2: Org name with Building icon */
.person-org[b-qim4kvlibp] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
}

/* CN-2: Interactive action buttons for pin/golden toggles */
.person-card-actions[b-qim4kvlibp] {
    display: flex;
    gap: var(--x-spacing-0-5);
    align-items: center;
}

.person-action-btn[b-qim4kvlibp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: var(--x-radius-md);
    background: transparent;
    color: var(--x-color-muted-foreground);
    cursor: pointer;
    transition: all var(--x-duration-normal) var(--x-ease-out);
    padding: 0;
}

.person-action-btn:hover[b-qim4kvlibp] {
    background: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
}

/* React design: pin icon = primary-600 */
.person-action-btn.person-action-active[b-qim4kvlibp] {
    color: var(--x-color-primary);
}

.person-action-btn.person-action-active:hover[b-qim4kvlibp] {
    background: var(--x-color-primary-muted);
}

/* React design: golden record star = warning-500 */
.person-action-btn.person-action-golden[b-qim4kvlibp] {
    color: var(--x-color-warning);
}

.person-action-btn.person-action-golden:hover[b-qim4kvlibp] {
    background: var(--x-color-warning-muted);
}

/* Role badges — colored pills per React role config */
.person-card-roles[b-qim4kvlibp] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-1);
    margin-bottom: var(--x-spacing-3);
}

.person-card-footer[b-qim4kvlibp] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    justify-content: space-between;
}

/* Signal strength: text-xs with Signal icon */
.person-card-footer .signal-text[b-qim4kvlibp] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

/* CB-4.3: Draft commit button — full width */
.person-card-commit[b-qim4kvlibp] {
    margin-top: var(--x-spacing-3);
}

/* Commit button full-width moved to app.css (child component boundary) */
/* /Components/Pages/Crm/CrmPersonDetailPanel.razor.rz.scp.css */
/* ================================================
   CRM Person Detail Panel — Scoped CSS
   Uses --x-* canonical tokens
   ================================================ */

/* Click-to-close backdrop */
.detail-backdrop[b-ux1jzur6tf] {
    position: fixed;
    inset: 0;
    background-color: var(--x-color-overlay);
    z-index: 999;
}

.detail-panel-content[b-ux1jzur6tf] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-5);
    padding: var(--x-spacing-6);
}

/* Header — circular avatar, name, title + org */
.detail-header[b-ux1jzur6tf] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-4);
}

.detail-header-avatar[b-ux1jzur6tf] {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: var(--x-radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-card);
}

.detail-header-info[b-ux1jzur6tf] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.detail-header-name[b-ux1jzur6tf] {
    margin: 0;
    color: var(--x-color-foreground);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.detail-header-subtitle[b-ux1jzur6tf] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.detail-header-org[b-ux1jzur6tf] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
}

.detail-close-btn[b-ux1jzur6tf] {
    appearance: none;
    border: none;
    background: none;
    padding: var(--x-spacing-1-5);
    cursor: pointer;
    border-radius: var(--x-radius-md);
    color: var(--x-color-muted-foreground);
    transition: background-color var(--x-transition-fast);
}

.detail-close-btn:hover[b-ux1jzur6tf] {
    background-color: var(--x-color-card-hover);
    color: var(--x-color-foreground);
}

/* Action bar */
.detail-actions-bar[b-ux1jzur6tf] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
}

.detail-roles[b-ux1jzur6tf] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-1);
    flex: 1;
}

/* Meta grid — styled XDescriptionList */
.detail-meta-grid[b-ux1jzur6tf] {
    border-radius: var(--x-radius-lg);
    border: 1px solid var(--x-color-border);
    padding: var(--x-spacing-4);
    background-color: var(--x-color-card);
}

.signal-tier-badge[b-ux1jzur6tf] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

/* Section title */
.detail-section-title[b-ux1jzur6tf] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--x-spacing-2);
}

/* C5: inline "Saving…" hint next to the Flags header during toggle save. */
.detail-saving-hint[b-ux1jzur6tf] {
    font-style: italic;
    font-weight: var(--x-font-weight-normal);
    color: var(--x-color-muted-foreground);
    text-transform: none;
    letter-spacing: 0;
    margin-left: var(--x-spacing-2);
}

/* Topics pills */
.detail-topics[b-ux1jzur6tf] {
    display: flex;
    flex-direction: column;
}

.detail-topic-pills[b-ux1jzur6tf] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-1-5);
}

.topic-pill[b-ux1jzur6tf] {
    display: inline-flex;
    align-items: center;
    padding: var(--x-spacing-1) var(--x-spacing-3);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-primary-hover);
    background-color: var(--x-color-primary-muted);
    border-radius: var(--x-radius-full);
}

/* Toggles */
.detail-toggles[b-ux1jzur6tf] {
    display: flex;
    flex-direction: column;
}

.detail-toggle-row[b-ux1jzur6tf] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

/* Linked Organisation */
.detail-linked-org[b-ux1jzur6tf] {
    display: flex;
    flex-direction: column;
}

.linked-org-row[b-ux1jzur6tf] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-lg);
    padding-right: var(--x-spacing-1);
}

.linked-org-info[b-ux1jzur6tf] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-2-5) var(--x-spacing-3);
    flex: 1;
    cursor: pointer;
    transition: background-color var(--x-duration-fast) var(--x-ease-out);
    border-radius: var(--x-radius-lg) 0 0 var(--x-radius-lg);
}

.linked-org-info:hover[b-ux1jzur6tf] {
    background-color: var(--x-color-card-hover);
}

[b-ux1jzur6tf] .linked-org-unlink {
    color: var(--x-color-muted-foreground);
    flex-shrink: 0;
}

.linked-org-name[b-ux1jzur6tf] {
    flex: 1;
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

.linked-org-selector[b-ux1jzur6tf] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.linked-org-dropdown-slot[b-ux1jzur6tf] {
    flex: 1;
}

/* Footer */
.detail-footer[b-ux1jzur6tf] {
    display: flex;
    justify-content: flex-end;
    padding-top: var(--x-spacing-3);
    border-top: 1px solid var(--x-color-border);
}
/* /Components/Pages/Crm/CrmPersonsTab.razor.rz.scp.css */
/* CRM Persons Tab — Figma Make React parity */

.crm-tab-content[b-jmhm79cqu5] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-4);
}

.crm-tab-toolbar[b-jmhm79cqu5] {
    display: flex;
    gap: var(--x-spacing-2);
    align-items: center;
    flex-wrap: wrap;
}

/* v3.47 absorption round 2: ::deep .x-searchbox retired (lib-internal coupling). Wrapper
   div now carries the 280px width; inner XSearchbox fills via natural flex behaviour. */
.crm-toolbar-search[b-jmhm79cqu5] {
    width: 280px;
    min-width: 180px;
    flex-shrink: 1;
    display: flex;
}
.crm-toolbar-search > *[b-jmhm79cqu5] {
    flex: 1;
}

/* Spacer pushes the right cluster (view toggle + Import + Add) to the trailing edge. */
.crm-tab-toolbar-spacer[b-jmhm79cqu5] {
    flex: 1;
}


.crm-tab-loading[b-jmhm79cqu5] {
    display: flex;
    justify-content: center;
    padding: var(--x-spacing-8) 0;
}


/* CB-4: XDataTable list view styling via Class parameter */
.crm-person-table[b-jmhm79cqu5] {
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-lg);
    overflow: hidden;
}

.crm-person-table .x-datatable[b-jmhm79cqu5] {
    width: 100%;
    border-collapse: collapse;
}

/* Header row */
.crm-person-table thead th[b-jmhm79cqu5] {
    background-color: var(--x-color-background);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: var(--x-spacing-2-5) var(--x-spacing-4);
    text-align: left;
    border-bottom: 1px solid var(--x-color-border);
}

/* Data rows */
.crm-person-table tbody tr[b-jmhm79cqu5] {
    border-bottom: 1px solid var(--x-color-border);
    cursor: pointer;
    transition: background-color var(--x-duration-fast) var(--x-ease-out);
}

.crm-person-table tbody tr:last-child[b-jmhm79cqu5] {
    border-bottom: none;
}

.crm-person-table tbody td[b-jmhm79cqu5] {
    padding: var(--x-spacing-3) var(--x-spacing-4);
    vertical-align: middle;
}

/* Row hover */
.crm-person-table tbody tr:hover[b-jmhm79cqu5] {
    background-color: var(--x-color-card-hover);
}

/* Draft row — warning-50 bg per React design */
.crm-person-table tbody tr.person-row-draft[b-jmhm79cqu5] {
    background-color: var(--x-color-warning-muted);
}

.crm-person-table tbody tr.person-row-draft:hover[b-jmhm79cqu5] {
    background-color: var(--x-color-warning-muted);
}

/* Selected row */
.crm-person-table tbody tr.person-row-selected[b-jmhm79cqu5],
.crm-person-table tbody tr.selected[b-jmhm79cqu5] {
    background-color: var(--x-color-primary-muted);
}

/* Name cell with avatar + stacked name */
.person-name-cell[b-jmhm79cqu5] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
}

/* React design: persons use rounded-full avatar */
.person-list-avatar[b-jmhm79cqu5] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: var(--x-radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-card);
}

.person-list-name-stack[b-jmhm79cqu5] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.person-list-name-primary[b-jmhm79cqu5] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
}

.person-list-name-secondary[b-jmhm79cqu5] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

/* Roles overflow */
.person-list-roles-overflow[b-jmhm79cqu5] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-1);
    overflow: hidden;
    max-height: 24px;
}

.pin-icon[b-jmhm79cqu5],
.star-icon[b-jmhm79cqu5] {
    display: inline-flex;
    vertical-align: middle;
}

/* React design: pin = primary-600, star = warning-500 */
.pin-icon[b-jmhm79cqu5] {
    color: var(--x-color-primary);
}

.star-icon[b-jmhm79cqu5] {
    color: var(--x-color-warning);
}
/* /Components/Pages/Crm/CrmSummaryBar.razor.rz.scp.css */
/* CRM Summary Bar — 2026-05-25 design sweep
   Hand-built compact stat tiles. XMetricCard was rolled back here because the
   horizontal grid override the sweep needed reached into Xablu card primitive
   internals (XBLZ035 enforcement). Proper upstream fix: add a HorizontalCompact
   layout axis on the upstream card primitive. Until then the tile markup is
   consumer-owned. Layout: [label] [value] [icon] in one row. */

.crm-summary-bar[b-e9yhgzkxfq] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: var(--x-spacing-3);
}

.crm-stat-tile[b-e9yhgzkxfq] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "label value icon";
    align-items: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    background-color: var(--x-color-card);
}

.crm-stat-label[b-e9yhgzkxfq] {
    grid-area: label;
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.crm-stat-value[b-e9yhgzkxfq] {
    grid-area: value;
    justify-self: end;
    font-size: var(--x-text-xl);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    line-height: 1;
}

.crm-stat-icon[b-e9yhgzkxfq] {
    grid-area: icon;
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: var(--x-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Coloured icon-tile variants — same palette as the previous XMetricCard Variant axis. */
.crm-stat-icon--primary[b-e9yhgzkxfq] { background-color: var(--x-color-primary-muted); color: var(--x-color-primary); }
.crm-stat-icon--success[b-e9yhgzkxfq] { background-color: var(--x-color-success-muted); color: var(--x-color-success); }
.crm-stat-icon--danger[b-e9yhgzkxfq]  { background-color: var(--x-color-destructive-muted); color: var(--x-color-destructive); }
.crm-stat-icon--warning[b-e9yhgzkxfq] { background-color: var(--x-color-warning-muted); color: var(--x-color-warning); }
.crm-stat-icon--info[b-e9yhgzkxfq]    { background-color: var(--x-color-info-muted); color: var(--x-color-info); }

/* Responsive collapse: 6 → 3 → 1 columns. */
@media (max-width: 1280px) {
    .crm-summary-bar[b-e9yhgzkxfq] { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
    .crm-summary-bar[b-e9yhgzkxfq] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Crm/CrmTargetAccountsTab.razor.rz.scp.css */
/* ================================================
   Target Accounts Tab — Scoped CSS
   Uses --x-* canonical tokens
   ================================================ */

.crm-tab-content[b-z5cjg0wg4n] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
    padding-top: var(--x-spacing-4);
}

.crm-tab-toolbar[b-z5cjg0wg4n] {
    display: flex;
    gap: var(--x-spacing-3);
    align-items: center;
    flex-wrap: wrap;
}

/* ── ICP Group Accordion Sections ── */

.icp-group-section[b-z5cjg0wg4n] {
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-xl);
    overflow: hidden;
}

.icp-group-header[b-z5cjg0wg4n] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-3) var(--x-spacing-4);
    background-color: var(--x-color-background);
    border-bottom: 1px solid var(--x-color-border);
    cursor: pointer;
    transition: background-color var(--x-transition-normal);
}

.icp-group-header:hover[b-z5cjg0wg4n] {
    background-color: var(--x-color-muted);
}

.icp-group-name[b-z5cjg0wg4n] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
    flex: 1;
}

.icp-group-count[b-z5cjg0wg4n] {
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    background-color: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
}

.icp-group-body[b-z5cjg0wg4n] {
    padding: var(--x-spacing-4);
}

/* ── Target Account Card Grid ── */

.target-account-grid[b-z5cjg0wg4n] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--x-spacing-4);
}

@media (max-width: 1280px) {
    .target-account-grid[b-z5cjg0wg4n] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .target-account-grid[b-z5cjg0wg4n] {
        grid-template-columns: 1fr;
    }
}

.target-account-card[b-z5cjg0wg4n] {
    cursor: pointer;
    transition: box-shadow var(--x-transition-normal);
}

.target-account-card:hover[b-z5cjg0wg4n] {
    box-shadow: var(--x-elevation-card);
}

.target-card-header[b-z5cjg0wg4n] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-3);
}

.target-card-logo[b-z5cjg0wg4n] {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: var(--x-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-card);
    /* v3.47 absorption: --logo-color custom property. */
    background-color: var(--logo-color, var(--x-color-border));
}

.target-card-title[b-z5cjg0wg4n] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.target-card-name[b-z5cjg0wg4n] {
    font-weight: var(--x-font-weight-semibold);
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.target-card-industry[b-z5cjg0wg4n] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

/* ── Metrics Grid ── */

.target-card-metrics[b-z5cjg0wg4n] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1px;
    background-color: var(--x-color-background);
    border-radius: var(--x-radius-md);
    border: 1px solid var(--x-color-border);
    overflow: hidden;
    margin-bottom: var(--x-spacing-3);
}

.target-metric[b-z5cjg0wg4n] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-0-5);
    padding: var(--x-spacing-2) var(--x-spacing-2-5);
    background-color: var(--x-color-card);
}

.target-metric-label[b-z5cjg0wg4n] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.target-metric-value[b-z5cjg0wg4n] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
}

.target-card-footer[b-z5cjg0wg4n] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

/* ── Add to Target Button ── */

.target-add-btn[b-z5cjg0wg4n] {
    appearance: none;
    border: 1px solid var(--x-color-border);
    background-color: var(--x-color-card);
    color: var(--x-color-foreground);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    padding: var(--x-spacing-1) var(--x-spacing-2-5);
    border-radius: var(--x-radius-lg);
    cursor: pointer;
    transition: background-color var(--x-transition-normal), border-color var(--x-transition-normal);
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
}

.target-add-btn:hover[b-z5cjg0wg4n] {
    background-color: var(--x-color-primary-muted);
    border-color: var(--x-color-primary-muted);
    color: var(--x-color-primary);
}

/* Accordion header styling moved to app.css (child component boundary) */
/* /Components/Pages/Crm/CrmTasksTab.razor.rz.scp.css */
/* ================================================
   CRM Tasks Tab — Scoped CSS
   Uses --x-* canonical tokens
   ================================================ */

.crm-tab-content[b-ep5eqpbvsp] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
    padding-top: var(--x-spacing-4);
}

.crm-tab-toolbar[b-ep5eqpbvsp] {
    display: flex;
    gap: var(--x-spacing-3);
    align-items: center;
    flex-wrap: wrap;
}

.crm-tab-loading[b-ep5eqpbvsp] {
    display: flex;
    justify-content: center;
    padding: var(--x-spacing-8) 0;
}

.tasks-list[b-ep5eqpbvsp] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

/* ── Task Card (XCard handles background, border, radius, padding, hover) ── */

/* Unread card highlight */
[b-ep5eqpbvsp] .task-card-unread {
    outline: 2px solid var(--x-color-primary-muted);
    outline-offset: -2px;
}

/* Layout — icon left, body middle, arrow right */
.task-card-layout[b-ep5eqpbvsp] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-4);
}

/* 40x40 icon square */
.task-icon-square[b-ep5eqpbvsp] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: var(--x-radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
}

.task-icon-warning[b-ep5eqpbvsp] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.task-icon-success[b-ep5eqpbvsp] {
    background-color: var(--x-color-success-muted);
    color: var(--x-color-success);
}

.task-icon-info[b-ep5eqpbvsp] {
    background-color: var(--x-color-info-muted);
    color: var(--x-color-info);
}

.task-icon-accent[b-ep5eqpbvsp] {
    background-color: var(--x-color-accent);
    color: var(--x-color-accent-hover);
}

.task-icon-neutral[b-ep5eqpbvsp] {
    background-color: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
}

/* Body */
.task-card-body[b-ep5eqpbvsp] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.task-card-top[b-ep5eqpbvsp] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.task-title[b-ep5eqpbvsp] {
    margin: 0;
    color: var(--x-color-foreground);
}

/* New badge */
.task-new-badge[b-ep5eqpbvsp] {
    display: inline-flex;
    align-items: center;
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-card);
    background-color: var(--x-color-primary);
    border-radius: var(--x-radius-full);
}

.task-description[b-ep5eqpbvsp] {
    margin: 0;
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-card-meta[b-ep5eqpbvsp] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    margin-top: var(--x-spacing-1);
}

.task-entity-type[b-ep5eqpbvsp] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.task-time[b-ep5eqpbvsp] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    margin-left: auto;
}

/* Arrow / View button */
.task-nav-arrow[b-ep5eqpbvsp] {
    appearance: none;
    border: none;
    background: none;
    padding: var(--x-spacing-2);
    cursor: pointer;
    border-radius: var(--x-radius-md);
    color: var(--x-color-muted-foreground);
    transition: background-color var(--x-transition-fast);
    align-self: center;
}

.task-nav-arrow:hover[b-ep5eqpbvsp] {
    background-color: var(--x-color-card-hover);
    color: var(--x-color-foreground);
}
/* /Components/Pages/Crm/OrgMiniCard.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=CRM | Bounded-Context=CRM.MiniCards | Sprint=CO */

.org-mini-card[b-ea8gqwhjfj] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1-5);
    padding: var(--x-spacing-3-5) var(--x-spacing-4);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    cursor: pointer;
    transition: background-color var(--x-transition-normal);
    background: var(--x-color-card);
}

.org-mini-card:hover[b-ea8gqwhjfj] {
    background-color: var(--x-color-card-hover);
}

.org-mini-card--compact[b-ea8gqwhjfj] {
    padding: var(--x-spacing-2-5) var(--x-spacing-3);
    gap: var(--x-spacing-1);
}

.org-mini-card-header[b-ea8gqwhjfj] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-2-5);
}

.org-mini-card-identity[b-ea8gqwhjfj] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.org-mini-card-name-row[b-ea8gqwhjfj] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
    flex-wrap: wrap;
}

.org-mini-card-name[b-ea8gqwhjfj] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-semibold);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--x-color-foreground);
}

.org-mini-card--compact .org-mini-card-name[b-ea8gqwhjfj] {
    font-size: var(--x-text-xxs);
}

.org-mini-card-flag[b-ea8gqwhjfj] {
    font-size: var(--x-text-xxs);
    line-height: 1;
    flex-shrink: 0;
}

.org-mini-card-flag--pin[b-ea8gqwhjfj] {
    color: var(--x-color-primary);
}

.org-mini-card-flag--golden[b-ea8gqwhjfj] {
    color: var(--x-color-warning);
}

.org-mini-card-roles[b-ea8gqwhjfj] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-1);
}

.org-mini-card-meta[b-ea8gqwhjfj] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding-left: var(--x-spacing-12);
}

.org-mini-card-industry[b-ea8gqwhjfj] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.org-mini-card-actions[b-ea8gqwhjfj] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    flex-shrink: 0;
}

.org-mini-card-link-btn[b-ea8gqwhjfj] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-primary);
    background: var(--x-color-primary-muted);
    border: 1px solid var(--x-color-primary-muted);
    border-radius: var(--x-radius-sm);
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    cursor: pointer;
    transition: background-color var(--x-transition-normal);
    white-space: nowrap;
}

.org-mini-card-link-btn:hover[b-ea8gqwhjfj] {
    background: var(--x-color-primary-muted);
}

.org-mini-card-view-btn[b-ea8gqwhjfj] {
    width: var(--x-spacing-6);
    height: var(--x-spacing-6);
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--x-color-muted-foreground);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xs);
}

.org-mini-card-view-btn:hover[b-ea8gqwhjfj] {
    background: var(--x-color-card-hover);
    color: var(--x-color-foreground);
}
/* /Components/Pages/Crm/PersonMiniCard.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=CRM | Bounded-Context=CRM.MiniCards | Sprint=CO */

.person-mini-card[b-e75h7hydt5] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1-5);
    padding: var(--x-spacing-3-5) var(--x-spacing-4);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    cursor: pointer;
    transition: background-color var(--x-transition-normal);
    background: var(--x-color-card);
}

.person-mini-card:hover[b-e75h7hydt5] {
    background-color: var(--x-color-card-hover);
}

.person-mini-card--compact[b-e75h7hydt5] {
    padding: var(--x-spacing-2-5) var(--x-spacing-3);
    gap: var(--x-spacing-1);
}

.person-mini-card-header[b-e75h7hydt5] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-2-5);
}

.person-mini-card-identity[b-e75h7hydt5] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-0-5);
}

.person-mini-card-name-row[b-e75h7hydt5] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
    flex-wrap: wrap;
}

.person-mini-card-name[b-e75h7hydt5] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-semibold);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--x-color-foreground);
}

.person-mini-card--compact .person-mini-card-name[b-e75h7hydt5] {
    font-size: var(--x-text-xxs);
}

.person-mini-card-flag[b-e75h7hydt5] {
    font-size: var(--x-text-xxs);
    line-height: 1;
    flex-shrink: 0;
}

.person-mini-card-flag--pin[b-e75h7hydt5] {
    color: var(--x-color-primary);
}

.person-mini-card-flag--golden[b-e75h7hydt5] {
    color: var(--x-color-warning);
}

.person-mini-card-subtitle[b-e75h7hydt5] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.person-mini-card-roles[b-e75h7hydt5] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-1);
    margin-top: var(--x-spacing-0-5);
}

.person-mini-card-meta[b-e75h7hydt5] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding-left: var(--x-spacing-11);
}

.person-mini-card-platform[b-e75h7hydt5] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.person-mini-card-actions[b-e75h7hydt5] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    flex-shrink: 0;
}

.person-mini-card-link-btn[b-e75h7hydt5] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-primary);
    background: var(--x-color-primary-muted);
    border: 1px solid var(--x-color-primary-muted);
    border-radius: var(--x-radius-sm);
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    cursor: pointer;
    transition: background-color var(--x-transition-normal);
    white-space: nowrap;
}

.person-mini-card-link-btn:hover[b-e75h7hydt5] {
    background: var(--x-color-primary-muted);
}

.person-mini-card-view-btn[b-e75h7hydt5] {
    width: var(--x-spacing-6);
    height: var(--x-spacing-6);
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--x-color-muted-foreground);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xs);
}

.person-mini-card-view-btn:hover[b-e75h7hydt5] {
    background: var(--x-color-card-hover);
    color: var(--x-color-foreground);
}
/* /Components/Pages/DevComponentGallery.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=Dev | Bounded-Context=Dev.ComponentGallery.Styles | Sprint=v3.95.x-design-system-mece */

.dev-gallery[b-gnwip5hf21] {
    padding-bottom: var(--x-spacing-12);
}

/* ============================================================ */
/* View-options bar — sticky toggle row above the section list   */
/* ============================================================ */
[b-gnwip5hf21] .gallery-view-options {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--x-spacing-6);
    padding: var(--x-spacing-4) var(--x-spacing-5);
    margin-top: var(--x-spacing-4);
    background-color: var(--x-color-muted);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    position: sticky;
    top: 0;
    z-index: 5;
}

[b-gnwip5hf21] .gallery-view-options__group {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

[b-gnwip5hf21] .gallery-view-options__label {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* Themed root wrapper — applies the inner XThemeProvider's CSS-var cascade.
   The data-show-internal-states="true" attribute is the gate for the optional
   extra-state rows; opt-in CSS lives next to each section file. */
[b-gnwip5hf21] .gallery-themed-root {
    background-color: var(--x-color-background);
    color: var(--x-color-foreground);
}

/* ============================================================ */
/* h4 subheading inside sections                                  */
/* ============================================================ */
[b-gnwip5hf21] .gallery-section h4 {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
    margin: var(--x-spacing-4) 0 var(--x-spacing-2) 0;
}

/* ============================================================ */
/* Tokens section — swatches, scales                              */
/* ============================================================ */
[b-gnwip5hf21] .gallery-token-swatch-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-4);
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
}

[b-gnwip5hf21] .gallery-token-swatch-row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-4);
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
}

[b-gnwip5hf21] .gallery-token-swatch {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    min-width: 180px;
}

[b-gnwip5hf21] .gallery-token-swatch__chip {
    width: 36px;
    height: 36px;
    border-radius: var(--x-radius);
    border: 1px solid var(--x-color-border);
    flex-shrink: 0;
}

[b-gnwip5hf21] .gallery-token-swatch__meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

[b-gnwip5hf21] .gallery-token-swatch__name {
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    font-weight: var(--x-font-weight-medium);
}

[b-gnwip5hf21] .gallery-token-swatch__var {
    font-family: var(--x-font-mono);
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    background: transparent;
}

[b-gnwip5hf21] .gallery-token-scale {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-4);
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
}

[b-gnwip5hf21] .gallery-token-scale__row {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
}

[b-gnwip5hf21] .gallery-token-scale__label {
    font-family: var(--x-font-mono);
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    min-width: 14ch;
}

[b-gnwip5hf21] .gallery-token-scale__bar {
    min-width: 4px;
    border-radius: var(--x-radius-sm);
}

[b-gnwip5hf21] .gallery-token-scale-row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-4);
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
}

[b-gnwip5hf21] .gallery-token-radius {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-2);
}

[b-gnwip5hf21] .gallery-token-radius__chip {
    width: 56px;
    height: 56px;
    background: var(--x-color-primary-muted);
    border: 1px solid var(--x-color-border);
}

[b-gnwip5hf21] .gallery-token-shadow {
    padding: var(--x-spacing-4);
    background: var(--x-color-card);
    border-radius: var(--x-radius);
    font-family: var(--x-font-mono);
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    min-width: 160px;
    text-align: center;
}

/* ============================================================ */
/* Templates section — scaled preview                             */
/* ============================================================ */
[b-gnwip5hf21] .gallery-template-preview {
    padding: var(--x-spacing-3);
    background-color: var(--x-color-muted);
    border: 1px dashed var(--x-color-border);
    border-radius: var(--x-radius-md);
    margin-top: var(--x-spacing-3);
}

[b-gnwip5hf21] .gallery-template-sample {
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius);
    padding: var(--x-spacing-3) var(--x-spacing-4);
}

/* ============================================================ */
/* Data-table sample                                              */
/* ============================================================ */
[b-gnwip5hf21] .gallery-data-table {
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    overflow: hidden;
}

[b-gnwip5hf21] .gallery-data-table .text-right {
    text-align: right;
}

/* ============================================================ */
/* Usage-tier tags (project-use signal on h3 component labels)    */
/* ============================================================ */
[b-gnwip5hf21] .gallery-usage-tag {
    display: inline-block;
    margin-left: var(--x-spacing-2);
    padding: 2px var(--x-spacing-2);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    letter-spacing: normal;
    text-transform: none;
    border-radius: var(--x-radius-full);
    border: 1px solid var(--x-color-border);
    background: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
    vertical-align: middle;
}

[b-gnwip5hf21] .gallery-usage-tag--heavy {
    background: var(--x-color-success-muted);
    color: var(--x-color-success);
    border-color: var(--x-color-success);
}

[b-gnwip5hf21] .gallery-usage-tag--common {
    background: var(--x-color-info-muted);
    color: var(--x-color-info);
    border-color: var(--x-color-info);
}

[b-gnwip5hf21] .gallery-usage-tag--rare {
    background: var(--x-color-warning-muted);
    color: var(--x-color-warning);
    border-color: var(--x-color-warning);
}

[b-gnwip5hf21] .gallery-usage-tag--minimal {
    background: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
    border-color: var(--x-color-destructive);
}

/* ============================================================ */
/* Deprecated section                                             */
/* ============================================================ */
[b-gnwip5hf21] .gallery-deprecated-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
    gap: var(--x-spacing-4);
}

[b-gnwip5hf21] .gallery-deprecated-card {
    border-left: 3px solid var(--x-color-warning);
}

[b-gnwip5hf21] .gallery-deprecated-header {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    justify-content: space-between;
    margin-bottom: var(--x-spacing-2);
}

[b-gnwip5hf21] .gallery-deprecated-path {
    display: block;
    font-family: var(--x-font-mono);
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    margin-bottom: var(--x-spacing-3);
    word-break: break-all;
}

[b-gnwip5hf21] .gallery-deprecated-block {
    margin-top: var(--x-spacing-3);
}

[b-gnwip5hf21] .gallery-deprecated-block__label {
    display: block;
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--x-color-muted-foreground);
    margin-bottom: var(--x-spacing-1);
}

[b-gnwip5hf21] .gallery-deprecated-block__quote {
    margin: 0;
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border-left: 2px solid var(--x-color-border);
    background: var(--x-color-muted);
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    font-style: italic;
}

[b-gnwip5hf21] .gallery-deprecated-meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-4);
    margin-top: var(--x-spacing-3);
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
}

[b-gnwip5hf21] .gallery-deprecated-action {
    margin-top: var(--x-spacing-4);
    padding-top: var(--x-spacing-3);
    border-top: 1px solid var(--x-color-border);
}

/* ============================================================ */
/* Project Composites section                                     */
/* ============================================================ */
[b-gnwip5hf21] .gallery-composites-surface {
    margin-top: var(--x-spacing-6);
    padding-top: var(--x-spacing-4);
    border-top: 1px dashed var(--x-color-border);
}

[b-gnwip5hf21] .gallery-composites-surface__header {
    display: flex;
    align-items: baseline;
    gap: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-3);
}

[b-gnwip5hf21] .gallery-composites-surface__count {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    font-weight: var(--x-font-weight-normal);
}

[b-gnwip5hf21] .gallery-composites-category {
    margin-top: var(--x-spacing-5);
}

[b-gnwip5hf21] .gallery-composites-category__header {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-3);
}

[b-gnwip5hf21] .gallery-composites-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: var(--x-spacing-3);
}

[b-gnwip5hf21] .gallery-composite-card {
    padding: var(--x-spacing-4);
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
}

[b-gnwip5hf21] .gallery-composite-card__header {
    display: flex;
    align-items: baseline;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-2);
    flex-wrap: wrap;
}

[b-gnwip5hf21] .gallery-composite-card__name {
    font-size: var(--x-text-base);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
    margin: 0;
}

[b-gnwip5hf21] .gallery-composite-card__path {
    display: block;
    font-family: var(--x-font-mono);
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    margin-bottom: var(--x-spacing-2);
    word-break: break-all;
}

[b-gnwip5hf21] .gallery-composite-card__purpose {
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    margin: var(--x-spacing-2) 0;
}

[b-gnwip5hf21] .gallery-composite-card__atoms {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-1);
    margin-top: var(--x-spacing-2);
}

[b-gnwip5hf21] .gallery-composite-card__atom-chip {
    display: inline-block;
    padding: 1px var(--x-spacing-2);
    font-family: var(--x-font-mono);
    font-size: var(--x-text-xs);
    color: var(--x-color-info);
    background: var(--x-color-info-muted);
    border-radius: var(--x-radius-sm);
}

[b-gnwip5hf21] .gallery-composite-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-3);
    margin-top: var(--x-spacing-2);
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

/* ============================================================ */
/* Gallery intro card — 4-view bridge explanation                 */
/* ============================================================ */
[b-gnwip5hf21] .gallery-intro-card {
    margin-top: var(--x-spacing-4);
    padding: var(--x-spacing-5);
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-left: 3px solid var(--x-color-primary);
    border-radius: var(--x-radius-md);
}

[b-gnwip5hf21] .gallery-intro-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--x-spacing-4);
    margin-top: var(--x-spacing-3);
}

[b-gnwip5hf21] .gallery-intro-item {
    padding: var(--x-spacing-3);
    background: var(--x-color-muted);
    border-radius: var(--x-radius);
    font-size: var(--x-text-sm);
    line-height: 1.45;
}

[b-gnwip5hf21] .gallery-intro-item__num {
    display: inline-block;
    font-size: var(--x-text-lg);
    color: var(--x-color-primary);
    font-weight: var(--x-font-weight-bold);
    margin-right: var(--x-spacing-2);
}

[b-gnwip5hf21] .gallery-intro-item strong {
    display: inline-block;
    margin-right: var(--x-spacing-2);
}

[b-gnwip5hf21] .gallery-intro-item__where {
    display: block;
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    margin: var(--x-spacing-1) 0 var(--x-spacing-2) 0;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

[b-gnwip5hf21] .gallery-intro-item em {
    color: var(--x-color-foreground);
    font-style: normal;
    font-weight: var(--x-font-weight-medium);
}

/* Cross-link buttons inside lifecycle / design-spec metadata */
[b-gnwip5hf21] .gallery-xlink {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
    padding: 2px var(--x-spacing-2);
    font-size: var(--x-text-xs);
    border-radius: var(--x-radius-sm);
    background: var(--x-color-primary-muted);
    color: var(--x-color-primary);
    text-decoration: none;
    border: 1px solid var(--x-color-border);
}

[b-gnwip5hf21] .gallery-xlink:hover {
    background: var(--x-color-primary);
    color: var(--x-color-primary-foreground);
}

[b-gnwip5hf21] .gallery-xlink--muted {
    background: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
}

/* ============================================================ */
/* Entity design specs (Figma) — Draft + Committed image pairs   */
/* ============================================================ */
[b-gnwip5hf21] .gallery-entity-specs-grid {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-6);
}

[b-gnwip5hf21] .gallery-entity-spec {
    padding: var(--x-spacing-4);
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
}

[b-gnwip5hf21] .gallery-entity-spec__header {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-2);
    flex-wrap: wrap;
}

[b-gnwip5hf21] .gallery-entity-spec__panel-link {
    margin-left: auto;
    font-size: var(--x-text-sm);
    color: var(--x-color-primary);
}

[b-gnwip5hf21] .gallery-entity-spec__intent {
    margin: 0 0 var(--x-spacing-3) 0;
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    max-width: 92ch;
}

[b-gnwip5hf21] .gallery-entity-spec__states {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
    gap: var(--x-spacing-3);
}

[b-gnwip5hf21] .gallery-entity-spec__figure {
    margin: 0;
    padding: var(--x-spacing-2);
    background: var(--x-color-muted);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

[b-gnwip5hf21] .gallery-entity-spec__figure img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: var(--x-radius-sm);
    background: var(--x-color-card);
}

[b-gnwip5hf21] .gallery-entity-spec__figure figcaption {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

[b-gnwip5hf21] .gallery-entity-spec__composite {
    margin-top: var(--x-spacing-3);
    padding-top: var(--x-spacing-3);
    border-top: 1px solid var(--x-color-border);
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--x-spacing-2);
}

[b-gnwip5hf21] .gallery-entity-spec__composite code {
    font-family: var(--x-font-mono);
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
    background: var(--x-color-muted);
    padding: 1px var(--x-spacing-1);
    border-radius: var(--x-radius-sm);
}

[b-gnwip5hf21] .gallery-entity-spec__composite-label {
    font-weight: var(--x-font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

[b-gnwip5hf21] .gallery-entity-spec__composite-sep {
    color: var(--x-color-muted-foreground);
}

[b-gnwip5hf21] .gallery-entity-spec__xlinks {
    margin-top: var(--x-spacing-2);
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-2);
}

/* ============================================================ */
/* Design-audit section — auto-generated quality scoring         */
/* ============================================================ */
[b-gnwip5hf21] .gallery-audit-summary {
    margin-bottom: var(--x-spacing-4);
    padding: var(--x-spacing-3);
    background: var(--x-color-muted);
    border-radius: var(--x-radius);
}

[b-gnwip5hf21] .gallery-audit-entity {
    margin-top: var(--x-spacing-5);
    padding: var(--x-spacing-4);
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
}

[b-gnwip5hf21] .gallery-audit-entity__header {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-3);
    flex-wrap: wrap;
}

[b-gnwip5hf21] .gallery-audit-entity__surfaces {
    margin-left: auto;
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

[b-gnwip5hf21] .gallery-audit-entity__crosscut {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-3);
    background: var(--x-color-muted);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
}

[b-gnwip5hf21] .gallery-audit-entity__crosscut .is-warn {
    color: var(--x-color-warning);
}

[b-gnwip5hf21] .gallery-audit-table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--x-text-sm);
}

[b-gnwip5hf21] .gallery-audit-table th {
    text-align: left;
    padding: var(--x-spacing-2);
    border-bottom: 1px solid var(--x-color-border);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

[b-gnwip5hf21] .gallery-audit-table td {
    padding: var(--x-spacing-2);
    border-bottom: 1px solid var(--x-color-border);
    font-family: var(--x-font-body);
}

[b-gnwip5hf21] .gallery-audit-table td:first-child code {
    font-family: var(--x-font-mono);
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
}

[b-gnwip5hf21] .gallery-audit-table .text-right {
    text-align: right;
}

[b-gnwip5hf21] .gallery-audit-cell {
    text-align: center;
    font-weight: var(--x-font-weight-medium);
    font-size: var(--x-text-xs);
}

[b-gnwip5hf21] .gallery-audit-cell--na    { color: var(--x-color-muted-foreground); }
[b-gnwip5hf21] .gallery-audit-cell--t1    { color: var(--x-color-success); background: var(--x-color-success-muted); }
[b-gnwip5hf21] .gallery-audit-cell--t2    { color: var(--x-color-info); background: var(--x-color-info-muted); }
[b-gnwip5hf21] .gallery-audit-cell--t3    { color: var(--x-color-warning); background: var(--x-color-warning-muted); }
[b-gnwip5hf21] .gallery-audit-cell--t4    { color: var(--x-color-destructive); background: var(--x-color-destructive-muted); }

[b-gnwip5hf21] .gallery-audit-row--yellow td:last-child { color: var(--x-color-warning); }
[b-gnwip5hf21] .gallery-audit-row--red    td:last-child { color: var(--x-color-destructive); }

[b-gnwip5hf21] .gallery-section {
    margin-top: var(--x-spacing-12);
    padding-top: var(--x-spacing-6);
    border-top: 1px solid var(--x-color-border);
}

[b-gnwip5hf21] .gallery-section h2 {
    font-size: var(--x-text-2xl);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
    margin: 0 0 var(--x-spacing-2) 0;
}

[b-gnwip5hf21] .gallery-section h3 {
    font-size: var(--x-text-base);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
    margin: var(--x-spacing-6) 0 var(--x-spacing-3) 0;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

[b-gnwip5hf21] .gallery-section-note {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    margin: 0 0 var(--x-spacing-4) 0;
    max-width: 64ch;
}

[b-gnwip5hf21] .gallery-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-4);
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
}

[b-gnwip5hf21] .gallery-stack {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-4);
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
}

[b-gnwip5hf21] .gallery-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--x-spacing-4);
}

[b-gnwip5hf21] .gallery-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--x-spacing-4);
}

[b-gnwip5hf21] .gallery-icons {
    align-items: center;
}

@media (max-width: 1024px) {
    [b-gnwip5hf21] .gallery-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    [b-gnwip5hf21] .gallery-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ============================================================ */
/* Print rules — PDF capture of /dev/design-system               */
/* Without these the page exports ~5% of its content: sticky      */
/* positioning anchors the viewport at the toggle row, the inner  */
/* nested <XThemeProvider>'s inline-style CSS-var cascade resolves */
/* against an unfamiliar print context, and Chrome's default      */
/* "background graphics off" strips card backgrounds. The result  */
/* is one page of content + 19 blank pages. Defenses, by layer:   */
/*   - Sticky element becomes static so pagination treats it as a */
/*     normal block instead of anchoring everything to its frame. */
/*   - Force backgrounds to print so cards/badges don't dissolve  */
/*     into the white page (consumers can still toggle Chrome's   */
/*     "Background graphics" off explicitly).                     */
/*   - Honour breaks-inside on every <section> so the gallery     */
/*     sections page-break naturally rather than overlapping.     */
/*   - Inflate page width so the multi-column flex/grid layouts   */
/*     don't collapse to viewport width and clip.                 */
/* ============================================================ */
@media print {
    [b-gnwip5hf21] .gallery-view-options {
        position: static;
        z-index: auto;
    }

    /* Chrome's default print stylesheet sets `background: transparent` on
       every element. The gallery cards rely on muted/card tokens for
       visibility. */
    [b-gnwip5hf21] .gallery-section,
    [b-gnwip5hf21] .gallery-row,
    [b-gnwip5hf21] .gallery-stack,
    [b-gnwip5hf21] .gallery-intro-card,
    [b-gnwip5hf21] .gallery-themed-root,
    [b-gnwip5hf21] .gallery-token-swatch-grid,
    [b-gnwip5hf21] .gallery-token-swatch-row,
    [b-gnwip5hf21] .gallery-token-scale,
    [b-gnwip5hf21] .gallery-token-scale-row,
    [b-gnwip5hf21] .gallery-template-preview,
    [b-gnwip5hf21] .gallery-template-sample,
    [b-gnwip5hf21] .gallery-data-table,
    [b-gnwip5hf21] .gallery-deprecated-card,
    [b-gnwip5hf21] .gallery-composite-card,
    [b-gnwip5hf21] .gallery-entity-spec,
    [b-gnwip5hf21] .gallery-audit-entity {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        break-inside: avoid;
    }

    /* Each gallery section starts on a fresh page so a long Atoms /
       Organisms section doesn't squeeze the next section to the bottom
       of the same printed page. */
    [b-gnwip5hf21] .gallery-section {
        break-before: page;
        margin-top: 0;
    }

    /* The page-1 toggle row + intro card are the only items above
       the first <section>; they should stay on page 1, not push a
       break-before-page onto themselves. */
    [b-gnwip5hf21] .gallery-section:first-of-type {
        break-before: auto;
    }
}
/* /Components/Pages/DiscoveryCandidateDetail.razor.rz.scp.css */
/*
 * Phase 172 UX MR-UX-1 — candidate-detail layout.
 * Tokens only: --x-spacing-N (xablu spacing scale), --x-color-* (theme tokens).
 * NO hex / rgb / px literals.
 */

.discovery-detail-loading[b-c4clflwpqb] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-4);
}

.discovery-detail-empty-actions[b-c4clflwpqb] {
    display: flex;
    justify-content: center;
    margin-top: var(--x-spacing-4);
}

.discovery-detail-failure-body[b-c4clflwpqb] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.discovery-detail-cards[b-c4clflwpqb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    gap: var(--x-spacing-4);
    margin-top: var(--x-spacing-4);
}

.discovery-detail-dl[b-c4clflwpqb] {
    display: grid;
    grid-template-columns: minmax(8rem, max-content) 1fr;
    column-gap: var(--x-spacing-4);
    row-gap: var(--x-spacing-2);
    margin: 0;
}

.discovery-detail-dl dt[b-c4clflwpqb] {
    color: var(--x-color-muted-foreground);
    font-weight: 500;
}

.discovery-detail-dl dd[b-c4clflwpqb] {
    margin: 0;
    color: var(--x-color-foreground);
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}
/* /Components/Pages/ExecutionControlPlane.razor.rz.scp.css */
.loading-state[b-nuuyhcc34u] {
    display: flex;
    justify-content: center;
    padding: var(--x-spacing-2xl) 0;
}

.page-header[b-nuuyhcc34u] {
    margin-bottom: var(--x-spacing-lg);
}

.header-content[b-nuuyhcc34u] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-md);
}

.kpi-cards[b-nuuyhcc34u] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--x-spacing-md);
    margin-bottom: var(--x-spacing-lg);
}

.kpi-cards .kpi-card[b-nuuyhcc34u] {
    text-align: center;
    padding: var(--x-spacing-md);
}

.metrics-card[b-nuuyhcc34u] {
    margin-bottom: var(--x-spacing-lg);
}

.metrics-grid[b-nuuyhcc34u] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--x-spacing-lg);
    padding: var(--x-spacing-md) 0;
}

.metric-item[b-nuuyhcc34u] {
    text-align: center;
}

.health-card[b-nuuyhcc34u] {
    margin-bottom: var(--x-spacing-lg);
}

.health-table[b-nuuyhcc34u] {
    width: 100%;
    border-collapse: collapse;
}

.health-table th[b-nuuyhcc34u] {
    text-align: left;
    padding: var(--x-spacing-sm) var(--x-spacing-md);
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    border-bottom: 1px solid var(--x-color-border);
}

.health-table td[b-nuuyhcc34u] {
    padding: var(--x-spacing-sm) var(--x-spacing-md);
    border-bottom: 1px solid var(--x-color-border);
}

.bulk-edit-toolbar[b-nuuyhcc34u] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-sm);
    padding: var(--x-spacing-sm) 0;
    flex-wrap: wrap;
}

/* model-cell width sizing intentionally deferred — XBLZ035 ratchet rejects
   ::deep .x-select consumer overrides. If the default XSelect width is too
   narrow for model identifiers, file an xablu-libs issue for a Width parameter
   on XSelect rather than overriding lib-internal classes from consumer CSS. */

.empty-state[b-nuuyhcc34u] {
    padding: var(--x-spacing-xl) 0;
    text-align: center;
}

.provider-health-grid[b-nuuyhcc34u] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: var(--x-spacing-md);
    padding: var(--x-spacing-sm) 0;
}

.provider-health-item[b-nuuyhcc34u] {
    padding: var(--x-spacing-md);
}

.provider-health-header[b-nuuyhcc34u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--x-spacing-sm);
}

.provider-health-stats[b-nuuyhcc34u] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--x-spacing-sm);
}

.stat[b-nuuyhcc34u] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-0-5);
}

@media (max-width: 768px) {
    .kpi-cards[b-nuuyhcc34u] {
        grid-template-columns: repeat(2, 1fr);
    }

    .metrics-grid[b-nuuyhcc34u] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/Pages/ExecutionHub.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=ExecutionHub | Bounded-Context=ExecutionHub.Styles | Sprint=CN */
/* Sprint CN Phase CN-2: 4-tab Execution Hub — uses XTab from Xablu.Blazor */

.page-execution-hub[b-9hqpun62j0] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.eh-loading-state[b-9hqpun62j0] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--x-spacing-12);
}

/* G8M-DS01 Group G — .eh-error-state was referenced at ExecutionHub.razor:35
   but never defined, so the error-fallback rendered unstyled. Mirror the
   shape of .eh-loading-state + use the destructive-muted token for the
   error accent. */
.eh-error-state[b-9hqpun62j0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-12);
    color: var(--x-color-destructive);
    background: var(--x-color-destructive-muted);
    border: 1px solid var(--x-color-destructive);
    border-radius: var(--x-radius-md);
}
/* /Components/Pages/FeatureCategoriesSettings.razor.rz.scp.css */
/* Phase 170 JTBD-spine MR Group E — feature-category admin styles. */

.fcs__section-title[b-c9e2a9chk3] {
    margin: var(--x-spacing-4) 0 var(--x-spacing-2);
    font-size: var(--x-text-md);
    font-weight: 600;
    color: var(--x-color-foreground);
}

.fcs__create-row[b-c9e2a9chk3] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr auto;
    gap: var(--x-spacing-3);
    align-items: end;
}

.fcs__helper[b-c9e2a9chk3] {
    margin-top: var(--x-spacing-2);
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
}

.fcs__category-card[b-c9e2a9chk3] {
    margin-bottom: var(--x-spacing-2);
}

.fcs__category-archived[b-c9e2a9chk3] {
    opacity: 0.6;
}

.fcs__category-row[b-c9e2a9chk3] {
    display: grid;
    grid-template-columns: 140px 1fr 1fr 80px auto;
    gap: var(--x-spacing-3);
    align-items: center;
}

.fcs__category-cell[b-c9e2a9chk3] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.fcs__category-cell-narrow[b-c9e2a9chk3] {
    align-items: stretch;
}

.fcs__category-actions[b-c9e2a9chk3] {
    display: flex;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
}

.fcs__code[b-c9e2a9chk3] {
    font-family: var(--x-font-mono);
    font-size: var(--x-text-xs);
    background: var(--x-color-muted);
    padding: 2px var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
    color: var(--x-color-foreground);
    align-self: flex-start;
}

.fcs__order-input[b-c9e2a9chk3] {
    width: 100%;
    padding: var(--x-spacing-2);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-sm);
    background: var(--x-color-background);
    color: var(--x-color-foreground);
    font-size: var(--x-text-sm);
    text-align: right;
}

.fcs__order-input:disabled[b-c9e2a9chk3] {
    background: var(--x-color-muted);
    cursor: not-allowed;
}
/* /Components/Pages/FeatureRoadmap.razor.rz.scp.css */
/* ========================================
   Feature Roadmap — Scoped Styles
   ======================================== */

.page-roadmap[b-3y149p1yrr] {
    /* max-width now handled by XPageContainer */
}

/* ── KPI Grid ── */
.rm-kpi-grid[b-3y149p1yrr] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--x-spacing-4);
    margin-bottom: var(--x-spacing-6);
}

@media (max-width: 1024px) {
    .rm-kpi-grid[b-3y149p1yrr] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 640px) {
    .rm-kpi-grid[b-3y149p1yrr] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* KPI flat-tile classes (.gtm-stat-tile / .gtm-stat-label / .gtm-stat-value /
   .gtm-stat-icon[--variant]) live in wwwroot/cross-component.css — shared across
   FeatureRoadmap + IdeaBacklog + IntegrationsOverview + PortfolioCoverageMap +
   ExecutionControlPlane + OperationalPulse. Per-page rules would scope under each
   .razor.css and not match the markup which uses the shared class names. */

/* ── Toolbar ──
   2026-05-25 design sweep — pass 2: matches CRM layout pattern (CrmOrganisationsTab).
   - View toggle first (left).
   - Search + filters cluster trailing-edge via `margin-left: auto` on .rm-toolbar-search.
   - Wrapper divs constrain inner Xablu control width so the row stays on one line
     at typical desktop widths instead of each control taking a full row.
   - The orphan `.rm-searchbox` / `.rm-filter-select` Class-prop pass-through pattern
     was retired here — those rules never actually fired because the scoped CSS
     scope attribute doesn't propagate into the Xablu component's internals (would
     have needed ::deep). The wrapper-div pattern is the supported way. */
.rm-toolbar[b-3y149p1yrr] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-6);
    flex-wrap: wrap;
}

.rm-toolbar-search[b-3y149p1yrr] {
    width: 240px;
    min-width: 180px;
    flex-shrink: 1;
    display: flex;
    margin-left: auto;
}

.rm-toolbar-search > *[b-3y149p1yrr] {
    flex: 1;
}

.rm-toolbar-filter[b-3y149p1yrr] {
    width: 150px;
    flex-shrink: 0;
    display: flex;
}

.rm-toolbar-filter > *[b-3y149p1yrr] {
    flex: 1;
}

/* ========================================
   Board View
   ======================================== */
.rm-board[b-3y149p1yrr] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--x-spacing-4);
    align-items: start;
}

@media (max-width: 1024px) {
    .rm-board[b-3y149p1yrr] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .rm-board[b-3y149p1yrr] {
        grid-template-columns: 1fr;
    }
}

.rm-board-column[b-3y149p1yrr] {
    background: var(--x-color-background);
    border-radius: var(--x-radius-lg);
    padding: var(--x-spacing-3);
    min-height: 200px;
}

.rm-board-column-header[b-3y149p1yrr] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding-bottom: var(--x-spacing-3);
    border-bottom: 1px solid var(--x-color-border);
    margin-bottom: var(--x-spacing-3);
}

.rm-board-column-dot[b-3y149p1yrr] {
    width: 8px;
    height: 8px;
    border-radius: var(--x-radius-full);
    flex-shrink: 0;
    /* G8M-DS01 Group K: colour bound via the inline CSS custom property
       `--rm-dot-color` on the element. Falls back to the muted-foreground
       token if the property is absent (SSR, missing DTO, etc.). */
    background: var(--rm-dot-color, var(--x-color-muted-foreground));
}

.rm-board-column-title[b-3y149p1yrr] {
    font-weight: 600;
    font-size: var(--x-text-sm);
    color: var(--x-color-card-foreground);
    flex: 1;
}

.rm-board-column-count[b-3y149p1yrr] {
    background: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
    font-weight: 600;
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-full);
}

.rm-board-column-body[b-3y149p1yrr] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

/* ── Feature Card ── */
.rm-feature-card[b-3y149p1yrr] {
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-lg);
    padding: var(--x-spacing-4);
    cursor: pointer;
    transition: box-shadow var(--x-transition-normal), border-color var(--x-transition-normal);
}

.rm-feature-card:hover[b-3y149p1yrr] {
    border-color: var(--x-color-primary-muted);
    box-shadow: var(--x-elevation-sm);
}

.rm-feature-card-top[b-3y149p1yrr] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-2);
    flex-wrap: wrap;
}

.rm-feature-category[b-3y149p1yrr] {
    display: inline-block;
    font-size: var(--x-text-xxs);
    font-weight: 600;
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-full);
    white-space: nowrap;
}

.rm-feature-card-title[b-3y149p1yrr] {
    margin: 0 0 var(--x-spacing-3) 0;
    color: var(--x-color-foreground);
}

.rm-feature-card-meta[b-3y149p1yrr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: var(--x-spacing-3);
}

.rm-rice-badge[b-3y149p1yrr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--x-color-primary-muted);
    color: var(--x-color-primary);
    font-size: var(--x-text-xs);
    font-weight: 700;
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
    min-width: 28px;
}

.rm-quarter-label[b-3y149p1yrr] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    font-weight: 500;
}

.rm-feature-card-footer[b-3y149p1yrr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: var(--x-spacing-3);
    padding-top: var(--x-spacing-3);
    border-top: 1px solid var(--x-color-border);
}

/* Phase 170 UX cleanup (D-3 / R-05): .rm-feature-card-stats and .rm-stat retired
   alongside the votes / comments chrome they backed. */

/* Phase 170 UX cleanup (D-3 / R-11): empty-state shown when the page renders
   without a selected workspace context. Full ProductScopeState wiring follows
   in UX MR #4. */
.rm-empty-state[b-3y149p1yrr] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 40vh;
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
}

/* ========================================
   List View
   ======================================== */
.rm-list-feature-cell[b-3y149p1yrr] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.rm-list-feature-title[b-3y149p1yrr] {
    font-weight: 600;
    color: var(--x-color-foreground);
}

.rm-list-feature-category[b-3y149p1yrr] {
    display: inline-block;
    font-size: var(--x-text-xxs);
    font-weight: 600;
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-full);
    white-space: nowrap;
}

/* ── Category color palette (Phase 170 UX cleanup — D-3 / R-01 + R-14) ──
   The previous rm-category--{platform,analytics,integrations,ai-ml,ux-design}
   modifiers baked software-shop vocabulary into the DOM. Categories are now
   workspace-owned via FeatureCategoryEntity, so the CSS no longer carries
   domain words. The .razor.cs CategoryPaletteIndex() function emits indices
   0..5 from a stable FNV-1a hash so the same workspace category name always
   gets the same palette slot. */
.rm-category-color-0[b-3y149p1yrr] { background: var(--x-color-primary-muted); color: var(--x-color-primary-hover); }
.rm-category-color-1[b-3y149p1yrr] { background: var(--x-color-accent);        color: var(--x-color-accent-hover); }
.rm-category-color-2[b-3y149p1yrr] { background: var(--x-color-warning-muted); color: var(--x-color-warning); }
.rm-category-color-3[b-3y149p1yrr] { background: var(--x-color-ai-muted);      color: var(--x-color-ai); }
.rm-category-color-4[b-3y149p1yrr] { background: var(--x-color-success-muted); color: var(--x-color-success); }
.rm-category-color-5[b-3y149p1yrr] { background: var(--x-color-muted);         color: var(--x-color-muted-foreground); }

/* ── Status color classes for timeline chips (replaces inline style=) ── */
.rm-status--planned[b-3y149p1yrr]     { background: var(--x-color-ai-muted); color: var(--x-color-ai); border: 1px solid var(--x-color-ai); }
.rm-status--in-progress[b-3y149p1yrr] { background: var(--x-color-info-muted); color: var(--x-color-info); border: 1px solid var(--x-color-info); }
.rm-status--completed[b-3y149p1yrr]   { background: var(--x-color-success-muted); color: var(--x-color-success); border: 1px solid var(--x-color-success); }
.rm-status--blocked[b-3y149p1yrr]     { background: var(--x-color-destructive-muted); color: var(--x-color-destructive); border: 1px solid var(--x-color-destructive); }
.rm-status--default[b-3y149p1yrr]     { background: var(--x-color-muted); color: var(--x-color-muted-foreground); border: 1px solid var(--x-color-muted-foreground); }

.rm-list-owner-cell[b-3y149p1yrr] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

/* ========================================
   Timeline View (XGanttChart)
   ======================================== */
.rm-gantt[b-3y149p1yrr] {
    border-radius: var(--x-radius-lg);
}

.rm-timeline-chip[b-3y149p1yrr] {
    display: inline-block;
    font-size: var(--x-text-xs);
    font-weight: 500;
    padding: var(--x-spacing-1) var(--x-spacing-2-5);
    border-radius: var(--x-radius-full);
    cursor: pointer;
    transition: opacity var(--x-transition-normal);
    white-space: nowrap;
    text-align: left;
}

.rm-timeline-chip:hover[b-3y149p1yrr] {
    opacity: 0.85;
}

/* ========================================
   Detail Side Panel
   ======================================== */
.rm-detail[b-3y149p1yrr] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-5);
}

.rm-detail-badges[b-3y149p1yrr] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
}

.rm-detail-description[b-3y149p1yrr] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
    line-height: 1.6;
    margin: 0;
}

.rm-detail-section[b-3y149p1yrr] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.rm-detail-section-title[b-3y149p1yrr] {
    margin: 0;
    color: var(--x-color-muted-foreground);
}

.rm-detail-grid[b-3y149p1yrr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--x-spacing-4);
}

.rm-detail-field[b-3y149p1yrr] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.rm-detail-label[b-3y149p1yrr] {
    font-size: var(--x-text-xs);
    font-weight: 500;
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.rm-detail-value[b-3y149p1yrr] {
    font-size: var(--x-text-sm);
    font-weight: 600;
    color: var(--x-color-foreground);
}

.rm-detail-owner[b-3y149p1yrr] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    font-weight: 500;
    color: var(--x-color-card-foreground);
}

.rm-detail-tags[b-3y149p1yrr] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-2);
}

.rm-detail-footer[b-3y149p1yrr] {
    display: flex;
    justify-content: flex-end;
    gap: var(--x-spacing-3);
    flex-wrap: wrap;
}

/* Phase 170 triage MR — cross-link to /feature-roadmap/triage in the header. */
.rm-triage-link[b-3y149p1yrr] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
    padding: var(--x-spacing-1) var(--x-spacing-3);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    color: var(--x-color-muted-foreground);
    text-decoration: none;
    font-size: var(--x-text-sm);
    font-weight: 500;
}
.rm-triage-link:hover[b-3y149p1yrr] {
    border-color: var(--x-color-primary-muted);
    color: var(--x-color-foreground);
}
.rm-triage-link-active[b-3y149p1yrr] {
    background: var(--x-color-warning-muted);
    color: var(--x-color-warning);
    border-color: var(--x-color-warning);
}

/* Phase 170 JTBD-spine MR Group E — admin cross-link to /settings/feature-categories. */
.rm-admin-link[b-3y149p1yrr] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
    padding: var(--x-spacing-1) var(--x-spacing-3);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    color: var(--x-color-muted-foreground);
    text-decoration: none;
    font-size: var(--x-text-sm);
    font-weight: 500;
}
.rm-admin-link:hover[b-3y149p1yrr] {
    border-color: var(--x-color-primary-muted);
    color: var(--x-color-foreground);
}

/* ========================================
   Phase 170 UX surfaces MR — Origin badge + Provenance + Modals
   ======================================== */

/* Origin badge (P-6 partial) — colour-by-token, never colour-only. Each variant
   carries text + an icon in the markup so screen readers and colour-blind
   operators get the same signal as sighted operators. */
.rm-origin-badge[b-3y149p1yrr] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
    font-size: var(--x-text-xxs);
    font-weight: 600;
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-full);
    white-space: nowrap;
}
.rm-origin-operator[b-3y149p1yrr]     { background: var(--x-color-muted);          color: var(--x-color-muted-foreground); }
.rm-origin-from-signal[b-3y149p1yrr]  { background: var(--x-color-info-muted);     color: var(--x-color-info); }
.rm-origin-ai-draft[b-3y149p1yrr]     { background: var(--x-color-warning-muted);  color: var(--x-color-warning); }

/* Provenance section in the detail panel (P-6). */
.rm-provenance[b-3y149p1yrr] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-3);
    background: var(--x-color-background);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
}

.rm-provenance-row[b-3y149p1yrr] {
    display: flex;
    gap: var(--x-spacing-2);
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.rm-provenance-row strong[b-3y149p1yrr] {
    color: var(--x-color-foreground);
    font-weight: 600;
    min-width: 96px;
    display: inline-block;
}

/* Phase 170 JTBD-spine MR Group D — Provenance JTBD links + Activity log. */
.rm-provenance-jtbd-row[b-3y149p1yrr] {
    flex-direction: column;
    gap: var(--x-spacing-1);
    align-items: flex-start;
}

.rm-provenance-jtbd-list[b-3y149p1yrr] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    width: 100%;
}

.rm-provenance-jtbd-item[b-3y149p1yrr] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    padding: var(--x-spacing-2);
    background: var(--x-color-muted);
    border-radius: var(--x-radius-sm);
}

.rm-provenance-jtbd-meta[b-3y149p1yrr] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-1);
}

.rm-provenance-chip[b-3y149p1yrr] {
    font-size: var(--x-text-xxs);
    padding: 2px var(--x-spacing-1);
    background: var(--x-color-background);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-sm);
    color: var(--x-color-muted-foreground);
}

.rm-activity-list[b-3y149p1yrr] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    max-height: 280px;
    overflow-y: auto;
}

.rm-activity-item[b-3y149p1yrr] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-1) var(--x-spacing-2);
    border-left: 3px solid var(--x-color-border);
    font-size: var(--x-text-xs);
}

.rm-activity-when[b-3y149p1yrr] {
    color: var(--x-color-muted-foreground);
    font-family: var(--x-font-mono);
    font-size: var(--x-text-xxs);
    min-width: 130px;
}

.rm-activity-kind[b-3y149p1yrr] {
    font-weight: 600;
    color: var(--x-color-foreground);
}

.rm-activity-restored[b-3y149p1yrr]          { color: var(--x-color-success); }
.rm-activity-revisionrequested[b-3y149p1yrr] { color: var(--x-color-warning); }
.rm-activity-mergedasduplicate[b-3y149p1yrr] { color: var(--x-color-info); }
.rm-activity-requesternotified[b-3y149p1yrr] { color: var(--x-color-primary); }
.rm-activity-superseded[b-3y149p1yrr]        { color: var(--x-color-info); }
.rm-activity-jtbdlinkchanged[b-3y149p1yrr]   { color: var(--x-color-ai); }

.rm-activity-payload[b-3y149p1yrr] {
    flex: 1 1 100%;
    margin-top: 2px;
    font-family: var(--x-font-mono);
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    word-break: break-all;
}

/* Modal form layout (shared by Add/Edit + Reject modals). */
.rm-modal-form[b-3y149p1yrr] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.rm-modal-field[b-3y149p1yrr] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.rm-modal-grid-2[b-3y149p1yrr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--x-spacing-3);
}

.rm-modal-label[b-3y149p1yrr] {
    font-weight: 600;
    color: var(--x-color-foreground);
}

.rm-modal-helper[b-3y149p1yrr] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
}

.rm-modal-counter[b-3y149p1yrr] {
    align-self: flex-end;
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xxs);
}

.rm-modal-error[b-3y149p1yrr],
.rm-modal-error-inline[b-3y149p1yrr] {
    color: var(--x-color-destructive);
    font-size: var(--x-text-xs);
}

.rm-modal-error[b-3y149p1yrr] {
    padding: var(--x-spacing-3);
    background: var(--x-color-destructive-muted);
    border-radius: var(--x-radius-md);
    border: 1px solid var(--x-color-destructive);
}

.rm-modal-footer[b-3y149p1yrr] {
    display: flex;
    justify-content: flex-end;
    gap: var(--x-spacing-3);
}
/* /Components/Pages/FeatureRoadmapTrash.razor.rz.scp.css */
/* Phase 170 follow-up — Trash view styles. Mirrors FeatureRoadmapTriage shape
   so operators have a uniform "alternate-view of the roadmap" visual language. */

.page-roadmap-trash[b-y83njstkez] {
    padding-bottom: var(--x-spacing-6);
}

.rm-trash-empty[b-y83njstkez] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-8) var(--x-spacing-4);
    text-align: center;
}

.rm-trash-error[b-y83njstkez] {
    padding: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-3);
    background: var(--x-color-destructive-muted);
    border: 1px solid var(--x-color-destructive);
    border-radius: var(--x-radius-md);
    color: var(--x-color-destructive);
    font-size: var(--x-text-sm);
}

.rm-trash-list[b-y83njstkez] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.rm-trash-row[b-y83njstkez] {
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-lg);
    padding: var(--x-spacing-4);
    opacity: 0.85;
}

.rm-trash-row-header[b-y83njstkez] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-2);
    flex-wrap: wrap;
}

.rm-trash-row-badges[b-y83njstkez] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
}

.rm-trash-row-deleted-at[b-y83njstkez] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
}

.rm-trash-row-actions[b-y83njstkez] {
    display: flex;
    gap: var(--x-spacing-2);
}

.rm-trash-row-title[b-y83njstkez] {
    margin: var(--x-spacing-2) 0 var(--x-spacing-1) 0;
    color: var(--x-color-foreground);
}

.rm-trash-row-description[b-y83njstkez] {
    margin: 0;
}
/* /Components/Pages/FeatureRoadmapTriage.razor.rz.scp.css */
/* ========================================
   Phase 170 triage MR — /feature-roadmap/triage
   Scoped styles. The Origin badge / empty-state / RICE badge classes are
   reused from the main FeatureRoadmap.razor.css (loaded by the layout).
   ======================================== */

.page-roadmap-triage[b-48p2djv9wi] {
    /* max-width handled by XPageContainer */
}

.rm-triage-empty[b-48p2djv9wi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-3);
    min-height: 40vh;
    color: var(--x-color-muted-foreground);
    text-align: center;
}

.rm-triage-error[b-48p2djv9wi] {
    padding: var(--x-spacing-3);
    background: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
    border: 1px solid var(--x-color-destructive);
    border-radius: var(--x-radius-md);
    margin-bottom: var(--x-spacing-4);
    font-size: var(--x-text-sm);
}

.rm-triage-list[b-48p2djv9wi] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.rm-triage-row[b-48p2djv9wi] {
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-lg);
    padding: var(--x-spacing-4);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.rm-triage-row-header[b-48p2djv9wi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--x-spacing-3);
    flex-wrap: wrap;
}

.rm-triage-row-badges[b-48p2djv9wi] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
}

.rm-triage-captured[b-48p2djv9wi] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
}

.rm-triage-signal-link[b-48p2djv9wi] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
    color: var(--x-color-primary);
    font-size: var(--x-text-xs);
    text-decoration: none;
    font-weight: 500;
}

.rm-triage-signal-link:hover[b-48p2djv9wi] {
    text-decoration: underline;
}

.rm-triage-row-title[b-48p2djv9wi] {
    margin: 0;
    color: var(--x-color-foreground);
}

.rm-triage-row-description[b-48p2djv9wi] {
    margin: 0;
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
    line-height: 1.5;
}

.rm-triage-row-actions[b-48p2djv9wi] {
    display: flex;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
    padding-top: var(--x-spacing-2);
    border-top: 1px solid var(--x-color-border);
}
/* /Components/Pages/FleetComplianceDashboard.razor.rz.scp.css */
.fleet-summary-cards[b-orl3v3vptd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--x-space-md);
    margin-top: var(--x-space-md);
}

.fleet-card[b-orl3v3vptd] {
    display: flex;
    flex-direction: column;
    gap: var(--x-space-xs);
    padding: var(--x-space-md);
}
/* /Components/Pages/GtmArchitect.razor.rz.scp.css */
/* GtmArchitect scoped styles — extracted from inline style="" attributes */

/* MR-7 (2026-05-18) — AI-readiness gate parity with KnowledgeDocumentsTab.
   Mirrors .kl-docs-readiness-block / .kl-readiness-issue-card / .kl-readiness-issue-actions
   so the GTM Architect operator sees the same shape blocker the Sources page renders. */
.gtm-readiness-block[b-8pnxwniinf] {
    border: 1px solid var(--x-color-warning);
    margin-bottom: var(--x-spacing-4);
}

.gtm-readiness-header[b-8pnxwniinf] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-2);
}

.gtm-readiness-subhead[b-8pnxwniinf] {
    color: var(--x-color-muted-foreground);
    margin-bottom: var(--x-spacing-4);
}

.gtm-readiness-issue-card[b-8pnxwniinf] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-3);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    margin-bottom: var(--x-spacing-2);
    background-color: var(--x-color-surface-secondary);
}

.gtm-readiness-issue-actions[b-8pnxwniinf] {
    display: flex;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
}


.gtm-architect-page[b-8pnxwniinf] {
    background: var(--x-color-background);
    min-height: 100vh;
    /* padding now handled by XPageContainer */
}

/* Wizard-active overrides on the page wrapper */
.gtm-architect-page.wizard-active[b-8pnxwniinf] {
    padding: 0;
    min-height: 0;
    height: calc(100vh - 56px);
}

/* Main column layout */
.architect-layout[b-8pnxwniinf] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-6);
    height: 100%;
}

.architect-layout.wizard-active[b-8pnxwniinf] {
    gap: 0;
}

/* Loading spinner container */
.loading-container[b-8pnxwniinf] {
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-12);
}

/* Product selection / welcome prompt */
.product-prompt[b-8pnxwniinf] {
    gap: var(--x-spacing-6);
}

.product-prompt-icon[b-8pnxwniinf] {
    font-size: var(--x-spacing-12);
}

.product-prompt-text[b-8pnxwniinf] {
    gap: var(--x-spacing-2);
}

.product-prompt-description[b-8pnxwniinf] {
    max-width: 400px;
    text-align: center;
}

/* Design-sweep MR-B / M5 — text-link styling for the inline focus-the-selector shortcut. */
.product-prompt-focus-link[b-8pnxwniinf] {
    background: transparent;
    border: none;
    padding: 0;
    color: var(--x-color-primary);
    text-decoration: underline;
    cursor: pointer;
    font-size: var(--x-text-sm);
    margin-top: var(--x-spacing-2);
}

.product-prompt-focus-link:hover[b-8pnxwniinf],
.product-prompt-focus-link:focus-visible[b-8pnxwniinf] {
    color: var(--x-color-primary-hover);
    text-decoration: none;
}

/* Empty-state action button row */
.gtm-empty-actions[b-8pnxwniinf] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
}

/* Wizard shell container */
.wizard-shell[b-8pnxwniinf] {
    flex: 1;
    min-height: 0;
}

.container-wizard[b-8pnxwniinf] {
    min-height: 600px;
}

/* Progress bar initial state (extracted from inline style="width: 0%") */
.gtm-progress-bar-fill[b-8pnxwniinf] {
    width: 0;
}
/* /Components/Pages/IdeaBacklog.razor.rz.scp.css */
/* IdeaBacklog Page Styles - Xablu.Blazor */

.page-idea-backlog[b-ca6dat05xn] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-6);
}

/* 2026-05-25 design sweep: 4-column grid so the flat .gtm-stat-tile children
   (defined in wwwroot/cross-component.css) sit at equal width across the row,
   matching CrmSummaryBar's 6-column pattern at the right density. */
.stats-row[b-ca6dat05xn] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--x-spacing-3);
}

@media (max-width: 1024px) {
    .stats-row[b-ca6dat05xn] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .stats-row[b-ca6dat05xn] {
        grid-template-columns: 1fr;
    }
}

.filter-bar[b-ca6dat05xn] {
    display: flex;
    gap: var(--x-spacing-3);
    align-items: center;
    flex-wrap: wrap;
    padding: var(--x-spacing-4);
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
}

.filter-select[b-ca6dat05xn] {
    min-width: 150px;
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    background: var(--x-color-card);
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
}

.ideas-list[b-ca6dat05xn] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.loading-state[b-ca6dat05xn] {
    display: flex;
    justify-content: center;
    padding: var(--x-spacing-12);
}

.empty-state[b-ca6dat05xn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-12);
    text-align: center;
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
}

.pagination[b-ca6dat05xn] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-4) 0;
}

.dialog-body[b-ca6dat05xn] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.field-group[b-ca6dat05xn] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.date-input[b-ca6dat05xn] {
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    font-size: var(--x-text-sm);
}

.reject-textarea[b-ca6dat05xn] {
    width: 100%;
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    font-size: var(--x-text-sm);
    resize: vertical;
}

.dialog-footer[b-ca6dat05xn] {
    display: flex;
    gap: var(--x-spacing-3);
    justify-content: flex-end;
}

@media (max-width: 768px) {
    .filter-bar[b-ca6dat05xn] {
        flex-direction: column;
        align-items: stretch;
    }

    .stats-row[b-ca6dat05xn] {
        flex-direction: column;
    }
}
/* /Components/Pages/Index.razor.rz.scp.css */
/* Home / Index page — scoped styles */

/* dashboard-container layout now handled by XPageContainer */

.dashboard-loading[b-0ewulja4oe] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-5);
    color: var(--x-color-muted-foreground);
}

.dashboard-error[b-0ewulja4oe] {
    margin-bottom: var(--x-spacing-4);
}

.dashboard-degraded-banner[b-0ewulja4oe] {
    background: var(--x-color-warning-muted);
    color: var(--x-color-warning-foreground);
    padding: var(--x-spacing-3) var(--x-spacing-4);
    border-radius: var(--x-radius-md);
    margin-bottom: var(--x-spacing-4);
    font-size: var(--x-text-sm);
}

.home-row[b-0ewulja4oe] {
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: var(--x-spacing-5);
    max-width: 1600px;
}

.home-row--pipeline[b-0ewulja4oe] {
    grid-template-columns: 1.8fr 1fr;
}

.home-col[b-0ewulja4oe] {
    min-width: 0;
}

@media (max-width: 1024px) {
    .home-row[b-0ewulja4oe],
    .home-row--pipeline[b-0ewulja4oe] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .home-row[b-0ewulja4oe] {
        gap: var(--x-spacing-3);
        margin-bottom: var(--x-spacing-3);
    }
}

/* 2026-05-25 design sweep: continuous two-column section for rows 3-5.
   Each inner column is its own flex-column so widgets stack tight without
   being stretched to the corresponding row-mate's height. Same 1.8:1 main:side
   width ratio as the (now-retired) .home-row--pipeline shape, so the cards in
   the main column visually align with the Pipeline-Health-width that the user
   anchored the request on. */
.home-two-col[b-0ewulja4oe] {
    display: grid;
    grid-template-columns: 1.8fr 1fr;
    gap: var(--x-spacing-5);
    max-width: 1600px;
    margin-bottom: var(--x-spacing-4);
}

.home-col-stack[b-0ewulja4oe] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
    min-width: 0;
}

@media (max-width: 1024px) {
    .home-two-col[b-0ewulja4oe] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .home-two-col[b-0ewulja4oe] {
        gap: var(--x-spacing-3);
        margin-bottom: var(--x-spacing-3);
    }
    .home-col-stack[b-0ewulja4oe] {
        gap: var(--x-spacing-3);
    }
}
/* /Components/Pages/Integrations/IntegrationsDashboardPage.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=Integrations | Bounded-Context=ControlPlane.Dashboard | Sprint=phase-161-wave-5 */
/* Phase 161 Wave 5 — card-consolidation pass.
   The Integration Control Plane dashboard reuses the SAME card shape the
   /settings/ai/* pages use (provider-quick-card / provider-card-header /
   provider-card-title / provider-card-footer). Blazor CSS isolation means the
   selectors in ProviderSettings.razor.css are private to THAT page, so the
   identical rules are mirrored here for this page. */

.integration-dashboard-kpis[b-ybjner4oyt] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--x-spacing-4);
    margin-bottom: var(--x-spacing-4);
}

.integration-kpi-card[b-ybjner4oyt] {
    padding: var(--x-spacing-3);
}

.provider-grid[b-ybjner4oyt] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--x-spacing-4);
}

.provider-card-header[b-ybjner4oyt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.provider-card-title[b-ybjner4oyt] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.provider-card-footer[b-ybjner4oyt] {
    margin-top: auto;
    padding-top: var(--x-spacing-2);
    border-top: 1px solid var(--x-color-border);
}

@media (max-width: 1024px) {
    .integration-dashboard-kpis[b-ybjner4oyt] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/Pages/IntegrationsOverview.razor.rz.scp.css */
.integrations-container[b-gis2u5zvu7] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-lg);
}

.loading-state[b-gis2u5zvu7] {
    display: flex;
    justify-content: center;
    padding: var(--x-spacing-xxl) 0;
}

.page-header[b-gis2u5zvu7] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.header-content[b-gis2u5zvu7] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-md);
}

.kpi-cards[b-gis2u5zvu7] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--x-spacing-md);
}

.io-kpi-card[b-gis2u5zvu7] {
    text-align: center;
    padding: var(--x-spacing-4);
}

.category-section[b-gis2u5zvu7] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-sm);
}

.connector-grid[b-gis2u5zvu7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--x-spacing-md);
}

.io-connector-card[b-gis2u5zvu7] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-4);
}

.io-connector-available[b-gis2u5zvu7] {
    border-style: dashed;
    opacity: 0.85;
}

.connector-header[b-gis2u5zvu7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.connector-meta[b-gis2u5zvu7] {
    display: flex;
    gap: var(--x-spacing-md);
}

.connector-actions[b-gis2u5zvu7] {
    display: flex;
    gap: var(--x-spacing-sm);
    margin-top: var(--x-spacing-xs);
}

/* Phase 161 Wave 5 card-consolidation pass — mirror the proven card shape
   from /settings/integrations/dashboard. Blazor CSS isolation scopes
   selectors per-page, so the rules are duplicated here intentionally; the
   visual result is identical to ProviderSettings.razor.css / the dashboard
   page. */
.provider-grid[b-gis2u5zvu7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--x-spacing-4);
}

.provider-card-header[b-gis2u5zvu7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.provider-card-title[b-gis2u5zvu7] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.provider-card-footer[b-gis2u5zvu7] {
    margin-top: auto;
    padding-top: var(--x-spacing-2);
    border-top: 1px solid var(--x-color-border);
}
/* /Components/Pages/KnowledgeFactDetail.razor.rz.scp.css */
/* Phase 146 Bundle K — KnowledgeFactDetail page styling. Grid of cards
   per concern (provenance / lineage / applicability / subject / freshness)
   plus a full-width body card at the top. */

.kfd-loading[b-amjn7ixgtp] {
    padding: var(--x-spacing-6) 0;
    text-align: center;
}

.kfd-grid[b-amjn7ixgtp] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--x-spacing-4);
    margin-top: var(--x-spacing-4);
}

@media (max-width: 1024px) {
    .kfd-grid[b-amjn7ixgtp] {
        grid-template-columns: 1fr;
    }
}

.kfd-card[b-amjn7ixgtp] {
    padding: var(--x-spacing-4);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.kfd-card--body[b-amjn7ixgtp] {
    grid-column: 1 / -1;
}

.kfd-body-text[b-amjn7ixgtp] {
    margin: 0;
    font-size: var(--x-text-base);
    line-height: 1.55;
    color: var(--x-color-foreground);
    white-space: pre-wrap;
}

.kfd-tag-row[b-amjn7ixgtp] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-1-5);
    margin-top: var(--x-spacing-2);
}

.kfd-pair-list[b-amjn7ixgtp] {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.kfd-pair[b-amjn7ixgtp] {
    display: grid;
    grid-template-columns: minmax(140px, 35%) 1fr;
    gap: var(--x-spacing-3);
    align-items: baseline;
}

.kfd-pair-label[b-amjn7ixgtp] {
    font-size: var(--x-text-xxs);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--x-color-muted-foreground);
    margin: 0;
}

.kfd-pair-value[b-amjn7ixgtp] {
    margin: 0;
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    word-break: break-word;
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
/* NotFound — scoped styles (extracted from inline <style>) */

.notfound-container[b-ii6p9d2hru] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    font-family: var(--x-font-family-base);
    background: var(--x-color-background);
    color: var(--x-color-foreground);
    text-align: center;
    padding: var(--x-spacing-8);
}

.notfound-code[b-ii6p9d2hru] {
    font-weight: var(--x-font-weight-bold);
    color: var(--x-color-border);
    margin-bottom: 0;
    line-height: 1;
}

.notfound-title[b-ii6p9d2hru] {
    margin-bottom: var(--x-spacing-3);
}

.notfound-message[b-ii6p9d2hru] {
    color: var(--x-color-muted-foreground);
    margin-bottom: var(--x-spacing-8);
    max-width: 400px;
}
/* /Components/Pages/NotificationSettings.razor.rz.scp.css */
.page-notification-settings[b-o617idwreh] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-8);
}

.page-header[b-o617idwreh] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.back-link[b-o617idwreh] {
    cursor: pointer;
    width: fit-content;
}

.back-link:hover .ns-back-label[b-o617idwreh] {
    color: var(--x-color-primary);
}

.notification-sections[b-o617idwreh] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-8);
}

.section-card[b-o617idwreh] {
    padding: var(--x-spacing-6);
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-lg);
}
/* /Components/Pages/OperationalPulse.razor.rz.scp.css */
.loading-state[b-42cop3i5jk] {
    display: flex;
    justify-content: center;
    padding: var(--x-spacing-2xl) 0;
}

.kpi-cards[b-42cop3i5jk] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--x-spacing-md);
    margin-bottom: var(--x-spacing-lg);
}

.kpi-cards .kpi-card[b-42cop3i5jk] {
    text-align: center;
    padding: var(--x-spacing-md);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-xs);
}

.alert-card[b-42cop3i5jk] {
    margin-bottom: var(--x-spacing-lg);
    border-left: 4px solid var(--x-color-warning);
}

.status-card[b-42cop3i5jk] {
    margin-bottom: var(--x-spacing-lg);
}

.status-row[b-42cop3i5jk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--x-spacing-sm) 0;
}

.page-error-state[b-42cop3i5jk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-md);
    padding: var(--x-spacing-2xl);
}

@media (max-width: 768px) {
    .kpi-cards[b-42cop3i5jk] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/Pages/Organizations.razor.rz.scp.css */
/* Organizations — scoped styles (extracted from inline <HeadContent><style>) */

.page-header[b-m9c3qok6sg] {
    margin-bottom: var(--x-spacing-6);
}

.header-content[b-m9c3qok6sg] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-4);
    margin-bottom: var(--x-spacing-2);
}

.loading-state[b-m9c3qok6sg] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

.error-state[b-m9c3qok6sg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-6);
    text-align: center;
}

.empty-state[b-m9c3qok6sg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-8) var(--x-spacing-6);
    text-align: center;
}

.tenant-list[b-m9c3qok6sg] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.tenant-card-inner[b-m9c3qok6sg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-1) 0;
}

.tenant-info[b-m9c3qok6sg] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    flex: 1;
    min-width: 0;
}

.tenant-name-row[b-m9c3qok6sg] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    flex-wrap: wrap;
}

.tenant-badges[b-m9c3qok6sg] {
    display: flex;
    gap: var(--x-spacing-2);
    align-items: center;
}

.tenant-actions[b-m9c3qok6sg] {
    flex-shrink: 0;
}

.switching-state[b-m9c3qok6sg] {
    opacity: 0.6;
    pointer-events: none;
}

@media (max-width: 640px) {
    .tenant-card-inner[b-m9c3qok6sg] {
        flex-direction: column;
        align-items: flex-start;
    }

    .tenant-actions[b-m9c3qok6sg] {
        align-self: flex-end;
    }
}
/* /Components/Pages/PatternLibraryHome.razor.rz.scp.css */
/* Phase 147 Bundle P — Pattern Library home (cell grid landing).
   All colours via canonical --x-color-* tokens. No raw hex, no var(--x, fallback) patterns. */

.pattern-home-toolbar[b-q9bes02lod] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-4);
}

.pattern-home-grid[b-q9bes02lod] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: var(--x-spacing-3);
}

.pattern-home-card[b-q9bes02lod] {
    cursor: pointer;
    transition: transform var(--x-transition-fast);
}

.pattern-home-card:hover[b-q9bes02lod] {
    transform: translateY(-2px);
}

.pattern-home-cell__head[b-q9bes02lod] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-3);
}

.pattern-home-cell__counts[b-q9bes02lod] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-3);
}

.pattern-home-cell__count[b-q9bes02lod] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-0-5);
}

.pattern-home-cell__count-value[b-q9bes02lod] {
    font-size: var(--x-text-2xl);
    font-weight: 700;
    color: var(--x-color-foreground);
    line-height: 1;
}

.pattern-home-cell__count-label[b-q9bes02lod] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.pattern-home-cell__meta[b-q9bes02lod] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    border-top: 1px solid var(--x-color-border);
    padding-top: var(--x-spacing-2);
}

.pattern-home-cell__meta--muted[b-q9bes02lod] {
    font-style: italic;
}
/* /Components/Pages/PerformanceDashboard.razor.rz.scp.css */
/* PerformanceDashboard — scoped styles */

/* Page-level layout */
.page-performance[b-1evsdiesgr] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-6);
}

.page-header-title[b-1evsdiesgr] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.perf-loading[b-1evsdiesgr] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-12);
}

.perf-bell-icon[b-1evsdiesgr] {
    color: var(--x-color-primary);
}

/* FigmaMake: grid grid-cols-3 gap-6 — 3-column overview section */
.dash-overview-grid[b-1evsdiesgr] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--x-spacing-6);
}

@media (max-width: 1024px) {
    .dash-overview-grid[b-1evsdiesgr] {
        grid-template-columns: 1fr;
    }
}

.perf-overview-column[b-1evsdiesgr] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.perf-card-content[b-1evsdiesgr] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.perf-card-header[b-1evsdiesgr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* M-17: 8-column KPI card grid with colored icon backgrounds */
.perf-kpi-cards[b-1evsdiesgr] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--x-spacing-4);
}

@media (max-width: 1280px) {
    .perf-kpi-cards[b-1evsdiesgr] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1024px) {
    .perf-kpi-cards[b-1evsdiesgr] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.perf-kpi-card[b-1evsdiesgr] {
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-lg);
    padding: var(--x-spacing-4);
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-3-5);
}

.perf-kpi-icon[b-1evsdiesgr] {
    width: 40px;
    height: 40px;
    border-radius: var(--x-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--x-text-base);
    flex-shrink: 0;
}

.perf-kpi-icon--impressions[b-1evsdiesgr] { background: var(--x-color-info-muted); color: var(--x-color-info); }
.perf-kpi-icon--engagement[b-1evsdiesgr]  { background: var(--x-color-destructive-muted); color: var(--x-color-destructive); }
.perf-kpi-icon--rate[b-1evsdiesgr]        { background: var(--x-color-success-muted); color: var(--x-color-success); }
.perf-kpi-icon--reach[b-1evsdiesgr]       { background: var(--x-color-ai-muted); color: var(--x-color-ai); }
.perf-kpi-icon--posts[b-1evsdiesgr]       { background: var(--x-color-warning-muted); color: var(--x-color-warning); }
.perf-kpi-icon--clicks[b-1evsdiesgr]      { background: var(--x-color-accent); color: var(--x-color-accent-hover); }
.perf-kpi-icon--ctr[b-1evsdiesgr]         { background: var(--x-color-success-muted); color: var(--x-color-success); }
.perf-kpi-icon--avg-reach[b-1evsdiesgr]   { background: var(--x-color-primary-muted); color: var(--x-color-primary-hover); }

.perf-kpi-body[b-1evsdiesgr] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    min-width: 0;
}

.perf-kpi-label[b-1evsdiesgr] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.perf-kpi-value[b-1evsdiesgr] {
    margin: 0;
}

.perf-kpi-change[b-1evsdiesgr] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    font-size: var(--x-text-xxs);
}

/* M-18: Asset performance rows */
.perf-section-sub-label[b-1evsdiesgr] {
    display: block;
    font-weight: var(--x-font-weight-semibold);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.asset-row[b-1evsdiesgr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--x-spacing-3);
}

.asset-row--under[b-1evsdiesgr] {
    opacity: 0.85;
}

.asset-row-identity[b-1evsdiesgr] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    min-width: 0;
    flex: 1;
}

.asset-row-name[b-1evsdiesgr] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--x-text-sm);
}

.asset-row-metrics[b-1evsdiesgr] {
    display: flex;
    gap: var(--x-spacing-6);
    flex-shrink: 0;
}

.asset-metric[b-1evsdiesgr] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--x-spacing-0-5);
}

/* --- Migrated from widget-styles.css --- */

.widget-count-badge[b-1evsdiesgr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: var(--x-spacing-5);
    height: var(--x-spacing-5);
    padding: 0 var(--x-spacing-1-5);
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xxs);
    font-weight: 700;
    background: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
}

.widget-count-badge--danger[b-1evsdiesgr] {
    background: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
}

.widget-empty-state[b-1evsdiesgr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--x-spacing-6) var(--x-spacing-4);
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
    text-align: center;
    gap: var(--x-spacing-1);
}

.dash-crm-tasks[b-1evsdiesgr] {
    display: flex;
    gap: var(--x-spacing-4);
    overflow-x: auto;
}

/* Performance KPI styles (moved from app.css) */
.card-kpi[b-1evsdiesgr] {
    min-width: 180px;
    flex: 1;
    max-width: 240px;
    padding: var(--x-spacing-4);
    border: 1px solid var(--x-color-border);
    background: var(--x-color-card);
    transition: box-shadow var(--x-transition-normal);
}

.card-kpi:hover[b-1evsdiesgr] {
    box-shadow: var(--x-elevation-card);
}

.kpi-value[b-1evsdiesgr] {
    font-size: var(--x-text-4xl);
    font-weight: 700;
    color: var(--x-color-foreground);
    margin: 0;
    line-height: 1.2;
}

.card-performance-section[b-1evsdiesgr] {
    padding: var(--x-spacing-4);
    border: 1px solid var(--x-color-border);
    background: var(--x-color-card);
}

.asset-row[b-1evsdiesgr] {
    padding: var(--x-spacing-2) 0;
}

.asset-row:hover[b-1evsdiesgr] {
    background: var(--x-color-muted);
    margin: 0 calc(var(--x-spacing-2) * -1);
    padding: var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
}

.select-period[b-1evsdiesgr] {
    min-width: 160px;
}
/* /Components/Pages/PortfolioCoverageMap.razor.rz.scp.css */
/* Phase 160 MR δ — portfolio rollup styles. */

.page-portfolio-coverage[b-3lvfisu26b] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.portfolio-summary-row[b-3lvfisu26b] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--x-spacing-3);
}

.portfolio-product-grid[b-3lvfisu26b] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--x-spacing-3);
}

.portfolio-product-card[b-3lvfisu26b] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-3);
}

.portfolio-product-header[b-3lvfisu26b] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.portfolio-density-bar[b-3lvfisu26b] {
    display: flex;
    height: 8px;
    border-radius: 4px;
    overflow: hidden;
    background: var(--x-surface-subtle);
}

.portfolio-density-segment[b-3lvfisu26b] {
    height: 100%;
}

.portfolio-density-good[b-3lvfisu26b] { background: var(--x-color-success); }
.portfolio-density-gap[b-3lvfisu26b] { background: var(--x-color-warning); }
.portfolio-density-empty[b-3lvfisu26b] { background: var(--x-color-danger); }

.portfolio-product-open[b-3lvfisu26b] {
    align-self: flex-start;
}
/* /Components/Pages/ProductHome.razor.rz.scp.css */
/* ProductHome — scoped styles */

/* Page container */
.product-home-container[b-iaxqn5cjct] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-6);
}

/* Signal stats 2-column grid (D4: matches FigmaMake card grid pattern) */
.signal-stats-grid[b-iaxqn5cjct] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--x-spacing-4);
}

@media (max-width: 768px) {
    .signal-stats-grid[b-iaxqn5cjct] {
        grid-template-columns: 1fr;
    }
}

/* Alert bars — onboarding ribbon / info / error states (D3: align with FigmaMake ribbon) */
.alert-bar[b-iaxqn5cjct] {
    padding: var(--x-spacing-4) var(--x-spacing-6);
    border-radius: var(--x-radius-card);
    font-size: var(--x-text-sm);
    line-height: 1.5;
}

.alert-info[b-iaxqn5cjct] {
    background: var(--x-color-primary-muted);
    border: 2px solid var(--x-color-primary);
    color: var(--x-color-foreground);
}

.alert-error[b-iaxqn5cjct] {
    background: var(--x-color-destructive-muted);
    border: 2px solid var(--x-color-destructive);
    color: var(--x-color-destructive);
}
/* /Components/Pages/PromptQuality.razor.rz.scp.css */
/*
 * Phase 172 UX MR-UX-10 (Gap 2) — /settings/prompt-quality page styling.
 * Tokens only.
 */

.prompt-quality-picker[b-cc9bhyesa9] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-2);
}

.prompt-quality-loading[b-cc9bhyesa9] {
    display: flex;
    justify-content: center;
    padding: var(--x-spacing-6);
}

.prompt-quality-meta[b-cc9bhyesa9] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-2);
    padding-top: var(--x-spacing-2);
}

.prompt-quality-text[b-cc9bhyesa9] {
    margin: 0;
    padding: var(--x-spacing-3);
    background: var(--x-color-muted);
    border-radius: var(--x-radius-md);
    color: var(--x-color-foreground);
    white-space: pre-wrap;
    overflow-x: auto;
    font-family: var(--x-font-mono);
    font-size: var(--x-font-size-sm);
}
/* /Components/Pages/ProviderSettings.razor.rz.scp.css */
.loading-state[b-6v0jmpaqta] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-16) 0;
}

.settings-header[b-6v0jmpaqta] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: var(--x-spacing-6);
}

.header-content[b-6v0jmpaqta] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-3);
    margin-top: var(--x-spacing-3);
}

/* Section heading — Figma node 1043:35663 */
.section-heading[b-6v0jmpaqta] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--x-spacing-6);
}

.section-heading-text[b-6v0jmpaqta] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.section-heading-actions[b-6v0jmpaqta] {
    display: flex;
    gap: var(--x-spacing-2);
    flex-shrink: 0;
}

/* KPI Cards */
.kpi-cards[b-6v0jmpaqta] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--x-spacing-4);
    margin-bottom: var(--x-spacing-6);
}

.ps-kpi-card[b-6v0jmpaqta] {
    padding: var(--x-spacing-5);
    align-items: flex-start;
}

/* Matrix Card */
.ps-matrix-card[b-6v0jmpaqta] {
    gap: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-6);
}

.matrix-header[b-6v0jmpaqta] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.empty-state[b-6v0jmpaqta] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-12);
}

.matrix-table-wrapper[b-6v0jmpaqta] {
    overflow-x: auto;
}

.matrix-table[b-6v0jmpaqta] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--x-text-sm);
}

.matrix-table th[b-6v0jmpaqta],
.matrix-table td[b-6v0jmpaqta] {
    padding: var(--x-spacing-3) var(--x-spacing-4);
    text-align: left;
    border-bottom: 1px solid var(--x-color-border);
}

.matrix-table th[b-6v0jmpaqta] {
    color: var(--x-color-muted-foreground);
    font-weight: 600;
    font-size: var(--x-text-xs);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.matrix-row[b-6v0jmpaqta] {
    cursor: pointer;
    transition: background var(--x-transition-normal);
}

.matrix-row:hover[b-6v0jmpaqta] {
    background: var(--x-color-background);
}

.workspace-col[b-6v0jmpaqta] {
    min-width: 200px;
}

.workspace-name[b-6v0jmpaqta] {
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

/* Health indicator dots — BS-7.3 */
.health-dot[b-6v0jmpaqta] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.health-dot-success[b-6v0jmpaqta] {
    background: var(--x-color-success);
}

.health-dot-warning[b-6v0jmpaqta] {
    background: var(--x-color-warning);
}

.health-dot-danger[b-6v0jmpaqta] {
    background: var(--x-color-danger);
}

.provider-col[b-6v0jmpaqta] {
    min-width: 120px;
    text-align: center;
}

/* Clickable column headers */
.clickable-header[b-6v0jmpaqta] {
    cursor: pointer;
    transition: background var(--x-transition-normal);
}

.clickable-header:hover[b-6v0jmpaqta] {
    background: var(--x-color-muted);
}

.clickable-header:focus-visible[b-6v0jmpaqta] {
    outline: 2px solid var(--x-color-primary);
    outline-offset: -2px;
}

.provider-col-header[b-6v0jmpaqta] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-1-5);
}

/* Matrix cell content */
.status-cell[b-6v0jmpaqta] {
    text-align: center;
    cursor: pointer;
}

.status-cell:hover[b-6v0jmpaqta] {
    background: var(--x-color-muted);
}

.matrix-cell-content[b-6v0jmpaqta] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-1);
    padding: var(--x-spacing-1-5) var(--x-spacing-2);
    border-radius: var(--x-radius-md);
}

/* Status backgrounds for cells */
.status-bg-connected[b-6v0jmpaqta] {
    background: var(--x-color-success-muted);
}

.status-bg-error[b-6v0jmpaqta] {
    background: var(--x-color-destructive-muted);
}

.status-bg-notconfigured[b-6v0jmpaqta] {
    background: transparent;
}

/* Matrix legend */
.matrix-legend[b-6v0jmpaqta] {
    display: flex;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-3) 0 var(--x-spacing-1);
    flex-wrap: wrap;
}

.legend-item[b-6v0jmpaqta] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
}

/* Current Workspace Section */
.current-workspace-section[b-6v0jmpaqta] {
    margin-top: var(--x-spacing-2);
}

.section-header[b-6v0jmpaqta] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--x-spacing-4);
}

.provider-grid[b-6v0jmpaqta] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--x-spacing-4);
}

.provider-card-header[b-6v0jmpaqta] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.provider-card-title[b-6v0jmpaqta] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.provider-card-footer[b-6v0jmpaqta] {
    margin-top: auto;
    padding-top: var(--x-spacing-2);
    border-top: 1px solid var(--x-color-border);
}

/* Responsive */
@media (max-width: 1024px) {
    .kpi-cards[b-6v0jmpaqta] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .kpi-cards[b-6v0jmpaqta] {
        grid-template-columns: 1fr;
    }

    .provider-grid[b-6v0jmpaqta] {
        grid-template-columns: 1fr;
    }

    .settings-header[b-6v0jmpaqta] {
        flex-direction: column;
        gap: var(--x-spacing-3);
    }

    .section-heading[b-6v0jmpaqta] {
        flex-direction: column;
        gap: var(--x-spacing-3);
        align-items: flex-start;
    }

    .matrix-legend[b-6v0jmpaqta] {
        flex-direction: column;
        gap: var(--x-spacing-2);
    }
}
/* /Components/Pages/Settings.razor.rz.scp.css */
.settings-content[b-udjfsu1mc4] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-6);
}

.settings-grid[b-udjfsu1mc4] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--x-spacing-4);
}

.st-settings-tile[b-udjfsu1mc4] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-5);
    cursor: pointer;
    transition: box-shadow var(--x-transition-normal), transform var(--x-transition-fast);
}

.st-settings-tile:hover[b-udjfsu1mc4] {
    box-shadow: var(--x-elevation-md);
    transform: translateY(-1px);
}

.st-settings-tile-disabled[b-udjfsu1mc4] {
    opacity: 0.6;
    pointer-events: none;
    cursor: default;
}

.tile-icon[b-udjfsu1mc4] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: var(--x-radius-lg);
    flex-shrink: 0;
}

.tile-icon-emoji[b-udjfsu1mc4] {
    font-size: var(--x-text-xl);
    line-height: 1;
}

.tile-icon-ai[b-udjfsu1mc4] {
    background: var(--x-color-muted);
}

.tile-icon-approvals[b-udjfsu1mc4] {
    background: var(--x-color-warning-t90);
}

.tile-icon-providers[b-udjfsu1mc4] {
    background: var(--x-color-success-t90);
}

.tile-icon-workspace[b-udjfsu1mc4] {
    background: var(--x-color-info-t90);
}

.tile-icon-members[b-udjfsu1mc4] {
    background: var(--x-color-info-t90);
}

.tile-icon-integrations[b-udjfsu1mc4] {
    background: var(--x-color-warning-t90);
}

.tile-icon-notifications[b-udjfsu1mc4] {
    background: var(--x-color-destructive-muted);
}

.tile-icon-profile[b-udjfsu1mc4] {
    background: var(--x-color-muted);
}

.tile-icon-security[b-udjfsu1mc4] {
    background: var(--x-color-muted);
}

.tile-content[b-udjfsu1mc4] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    min-width: 0;
}

.tile-arrow[b-udjfsu1mc4] {
    font-size: var(--x-text-xl);
    color: var(--x-color-muted-foreground);
    flex-shrink: 0;
}

/* M-21: 6-tab layout styles — padding aligned to FigmaMake (px-8 py-6 = 32px/24px) */
.settings-tab-content[b-udjfsu1mc4] {
    padding: var(--x-spacing-6) var(--x-spacing-8);
}

.settings-tab-row[b-udjfsu1mc4] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.settings-tab-section[b-udjfsu1mc4] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-5);
    padding: var(--x-spacing-5) 0;
}

.settings-tab-section-icon[b-udjfsu1mc4] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: var(--x-radius-lg);
    flex-shrink: 0;
}

.tile-icon-organizations[b-udjfsu1mc4] {
    background: var(--x-color-info-t90);
}

.settings-tab-section-body[b-udjfsu1mc4] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1-5);
    flex: 1;
}

.settings-tab-section-title[b-udjfsu1mc4] {
    font-size: var(--x-text-base);
    font-weight: 600;
    color: var(--x-color-foreground);
}

.settings-tab-section-desc[b-udjfsu1mc4] {
    font-size: var(--x-text-sm);
    line-height: 1.5;
}

.settings-tab-section-actions[b-udjfsu1mc4] {
    display: flex;
    gap: var(--x-spacing-2);
    margin-top: var(--x-spacing-2);
}

/* M-12: Subscriptions placeholder */
.settings-subscription-placeholder[b-udjfsu1mc4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-12) var(--x-spacing-6);
    text-align: center;
}

.settings-subscription-icon[b-udjfsu1mc4] {
    width: 72px;
    height: 72px;
    border-radius: var(--x-radius-xl);
}

.settings-subscription-icon .tile-icon-emoji[b-udjfsu1mc4] {
    font-size: var(--x-text-4xl);
}

@media (max-width: 768px) {
    .settings-grid[b-udjfsu1mc4] {
        grid-template-columns: 1fr;
    }

    .page-settings[b-udjfsu1mc4] {
        padding: var(--x-spacing-4);
    }

    .settings-tab-section[b-udjfsu1mc4] {
        flex-direction: column;
        gap: var(--x-spacing-3);
    }
}
/* /Components/Pages/Sources.razor.rz.scp.css */
/* ========================================
   Knowledge Library Page  (kl-* prefix)
   ======================================== */

.kl-page[b-acl0mqvrye] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-5);
}

/* ── Header ─────────────────────────────── */
.kl-header[b-acl0mqvrye] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-4);
}

.kl-header-text h1[b-acl0mqvrye] {
    font-size: var(--x-text-xl);
    font-weight: 700;
    color: var(--x-color-foreground);
    margin: 0 0 var(--x-spacing-1);
    line-height: 1.2;
}

.kl-header-text p[b-acl0mqvrye] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    margin: 0;
}

.kl-header-actions[b-acl0mqvrye] {
    flex-shrink: 0;
}

/* ── MR-2 (item #14) — non-production env banner. */
.kl-env-banner[b-acl0mqvrye] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-3) var(--x-spacing-4);
    border-radius: var(--x-radius-md);
    background: var(--x-color-warning-muted);
    color: var(--x-color-warning);
    border: 1px solid var(--x-color-warning);
    margin-bottom: var(--x-spacing-3);
    font-size: 0.875rem;
}
.kl-env-banner--demo[b-acl0mqvrye] {
    background: var(--x-color-info-muted);
    color: var(--x-color-info);
    border-color: var(--x-color-info);
}
.kl-env-banner--staging[b-acl0mqvrye] {
    background: var(--x-color-info-muted);
    color: var(--x-color-info);
    border-color: var(--x-color-info);
}

/* ── MR-2 (item #17) — typed-only toggle */
.kl-typed-only-toggle[b-acl0mqvrye] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    margin: var(--x-spacing-2) 0;
    font-size: 0.875rem;
    color: var(--x-color-muted-foreground);
}
.kl-typed-only-toggle label[b-acl0mqvrye] { display: flex; align-items: center; gap: var(--x-spacing-2); cursor: pointer; }

/* ── Metrics row ─────────────────────────── */
.kl-metrics-row[b-acl0mqvrye] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--x-spacing-4);
}

@media (max-width: 1024px) {
    .kl-metrics-row[b-acl0mqvrye] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
    .kl-metrics-row[b-acl0mqvrye] { grid-template-columns: 1fr; }
}

.kl-metric-card[b-acl0mqvrye] {
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    padding: var(--x-spacing-5);
    display: flex;
    align-items: center;
    gap: var(--x-spacing-4);
}

.kl-metric-icon[b-acl0mqvrye] {
    width: 48px;
    height: 48px;
    border-radius: var(--x-radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--x-text-xl);
    flex-shrink: 0;
}

.kl-metric-icon--primary[b-acl0mqvrye] { background: var(--x-color-primary-muted); }
.kl-metric-icon--success[b-acl0mqvrye]  { background: var(--x-color-success-muted); }
.kl-metric-icon--warning[b-acl0mqvrye]  { background: var(--x-color-warning-muted); }
.kl-metric-icon--accent[b-acl0mqvrye]   { background: var(--x-color-ai-muted); }

.kl-metric-body[b-acl0mqvrye] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-0-5);
}

.kl-metric-value[b-acl0mqvrye] {
    font-size: var(--x-text-xl);
    font-weight: 700;
    color: var(--x-color-foreground);
    line-height: 1.2;
}

.kl-metric-label[b-acl0mqvrye] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    font-weight: 500;
}

/* ── Inline add form ─────────────────────── */
.kl-add-card[b-acl0mqvrye] {
    max-width: 720px;
}

.kl-add-card h4[b-acl0mqvrye] {
    font-size: var(--x-text-sm);
    font-weight: 600;
    color: var(--x-color-foreground);
    margin: 0 0 var(--x-spacing-1);
}

.kl-add-subtitle[b-acl0mqvrye] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    margin: 0;
}

.kl-add-form[b-acl0mqvrye] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
    margin-top: var(--x-spacing-1);
}

.kl-add-form-row[b-acl0mqvrye] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--x-spacing-4);
}

@media (max-width: 640px) {
    .kl-add-form-row[b-acl0mqvrye] { grid-template-columns: 1fr; }
}

/* Detail dialog meta row: category badge + type badge + validation pill on one
   wrapping line. Without display:flex the XBadges and XStatusPill fall back to
   block-flow and stack as full-width rows. */
.kl-detail-meta-row[b-acl0mqvrye] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--x-spacing-2);
}

.kl-add-form-actions[b-acl0mqvrye] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
}

/* ── Tab content wrapper ─────────────────── */
.kl-tab-content[b-acl0mqvrye] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
    padding-top: var(--x-spacing-4);
}

/* ── Loading state ───────────────────────── */
.loading-state[b-acl0mqvrye] {
    display: flex;
    justify-content: center;
    padding: var(--x-spacing-12) var(--x-spacing-6);
}

/* ── Error state ─────────────────────────── */
.kl-error-state[b-acl0mqvrye] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-12) var(--x-spacing-6);
    text-align: center;
}

.kl-error-state h3[b-acl0mqvrye] {
    font-size: var(--x-text-lg);
    font-weight: 600;
    color: var(--x-color-foreground);
    margin: 0;
}

.kl-error-state p[b-acl0mqvrye] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    margin: 0;
}

/* DC-4: Category tree sidebar layout */
.kl-layout-with-tree[b-acl0mqvrye] {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: var(--x-spacing-lg);
}

.kl-tree-sidebar[b-acl0mqvrye] {
    padding: var(--x-spacing-md);
    border-right: 1px solid var(--x-color-border);
    min-height: 400px;
}

.kl-tree-title[b-acl0mqvrye] {
    margin-bottom: var(--x-spacing-sm);
}

[b-acl0mqvrye] .kl-tree-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

[b-acl0mqvrye] .kl-tree-count {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    background: var(--x-color-muted);
    border-radius: var(--x-radius-full);
    padding: 0 var(--x-spacing-xs);
}

.kl-main-content[b-acl0mqvrye] {
    min-width: 0;
}
/* /Components/Pages/TaskDetailPage.razor.rz.scp.css */
/* CK-6: TaskDetailPage scoped styles */

/* max-width now handled by XPageContainer */

.task-detail-back[b-uokxb027ln] {
    margin-bottom: var(--x-spacing-4);
}

.task-detail-loading[b-uokxb027ln] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-10) 0;
    justify-content: center;
}

.task-detail-header[b-uokxb027ln] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-2);
}

.task-detail-header h2[b-uokxb027ln] {
    margin: 0;
    font-size: var(--x-text-xl);
}

.task-detail-meta[b-uokxb027ln] {
    display: flex;
    gap: var(--x-spacing-4);
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
    margin-bottom: var(--x-spacing-6);
}

.task-detail-columns[b-uokxb027ln] {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: var(--x-spacing-6);
    margin-bottom: var(--x-spacing-6);
}

.task-detail-section[b-uokxb027ln] {
    margin-bottom: var(--x-spacing-5);
}

.task-detail-section h3[b-uokxb027ln] {
    font-size: var(--x-text-sm);
    font-weight: 600;
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 var(--x-spacing-2);
}

.task-detail-section p[b-uokxb027ln] {
    margin: 0;
    line-height: 1.5;
}

.task-detail-workflow[b-uokxb027ln] {
    background: var(--x-color-background);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    padding: var(--x-spacing-4);
}

.workflow-grid[b-uokxb027ln] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--x-spacing-1) var(--x-spacing-3);
    font-size: var(--x-text-sm);
}

.wf-label[b-uokxb027ln] {
    color: var(--x-color-muted-foreground);
    white-space: nowrap;
}

.wf-mono[b-uokxb027ln] {
    font-family: monospace;
    font-size: var(--x-text-sm);
    word-break: break-all;
}

.task-detail-actions[b-uokxb027ln] {
    display: flex;
    justify-content: flex-end;
    gap: var(--x-spacing-2);
    padding-top: var(--x-spacing-4);
    border-top: 1px solid var(--x-color-border);
}

.text-danger[b-uokxb027ln] { color: var(--x-color-destructive); }
.text-warning[b-uokxb027ln] { color: var(--x-color-warning); }
/* /Components/Pages/Templates.razor.rz.scp.css */
/* Phase 178 MR-UX-4 — /templates page styles. Mirrors Claims.razor.css
   conventions so the two hub pages render with the same toolbar / cell
   density. */

.templates-skeleton[b-83a1p4y0ht] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.templates-toolbar[b-83a1p4y0ht] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    margin: 0 0 1rem 0;
}

.templates-filter-select[b-83a1p4y0ht] {
    min-width: 14rem;
}

.templates-name-cell[b-83a1p4y0ht] {
    font-weight: 500;
    color: var(--xablu-color-text-primary);
}

.templates-claim-cell[b-83a1p4y0ht] {
    color: var(--xablu-color-text-secondary);
}

.templates-claim-row[b-83a1p4y0ht] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.templates-claim-text[b-83a1p4y0ht] {
    color: var(--xablu-color-text-secondary);
}

.templates-claim-missing[b-83a1p4y0ht] {
    color: var(--xablu-color-warning, #c2410c);
    font-style: italic;
}

.templates-action-cell[b-83a1p4y0ht] {
    text-align: right;
}
/* /Components/Pages/TenantCredentialCatalog.razor.rz.scp.css */
.loading-state[b-4dysle9jfe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-16) 0;
}

/* KPI band — XMetricCard grid layout. The card chrome itself comes from
   the upstream primitive (xablu-libs v3.103 shipped #196), only the grid
   container is bespoke. The .tcc-kpi-card per-card override was retired
   in Phase 173.A §5.γ.1.C (C2) when XMetricCard adoption landed. */
.tcc-kpi-cards[b-4dysle9jfe] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--x-spacing-4);
    margin-bottom: var(--x-spacing-6);
}

/* Filter bar — category (M2 existing) + health (M3 new in C2). */
.tcc-filter-bar[b-4dysle9jfe] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-5);
    flex-wrap: wrap;
}

.tcc-category-select[b-4dysle9jfe],
.tcc-health-select[b-4dysle9jfe] {
    min-width: 200px;
}

/* Per-category card */
.tcc-category-card[b-4dysle9jfe] {
    gap: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-5);
}

.tcc-category-header[b-4dysle9jfe] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.tcc-empty-state[b-4dysle9jfe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-12);
}

/* Catalog grid */
.tcc-table-wrapper[b-4dysle9jfe] {
    overflow-x: auto;
}

.tcc-table[b-4dysle9jfe] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--x-text-sm);
}

.tcc-table th[b-4dysle9jfe],
.tcc-table td[b-4dysle9jfe] {
    padding: var(--x-spacing-3) var(--x-spacing-4);
    text-align: left;
    border-bottom: 1px solid var(--x-color-border);
}

.tcc-table th[b-4dysle9jfe] {
    color: var(--x-color-muted-foreground);
    font-weight: 600;
    font-size: var(--x-text-xs);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.tcc-workspace-cell[b-4dysle9jfe] {
    font-weight: 500;
    min-width: 180px;
}

/* Responsive */
@media (max-width: 1024px) {
    .tcc-kpi-cards[b-4dysle9jfe] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .tcc-kpi-cards[b-4dysle9jfe] {
        grid-template-columns: 1fr;
    }

    .tcc-filter-bar[b-4dysle9jfe] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--x-spacing-2);
    }
}
/* /Components/Pages/ValueMap.razor.rz.scp.css */
/* Phase 147 Bundle V — Strategyzer Value Map landing page.
   All colours via canonical --x-color-* tokens. No raw hex, no var(--x, fallback). */

.value-map-summary[b-sxvb6ukc47] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-4);
}

.value-map-summary__counts[b-sxvb6ukc47] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-2);
}

.value-map-summary__chip[b-sxvb6ukc47] {
    padding: var(--x-spacing-1) var(--x-spacing-3);
    border-radius: var(--x-radius-pill);
    font-size: var(--x-text-sm);
    background: var(--x-color-muted);
    color: var(--x-color-foreground);
}

.value-map-summary__chip--pain[b-sxvb6ukc47] {
    background: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
}

.value-map-summary__chip--gain[b-sxvb6ukc47] {
    background: var(--x-color-success-muted);
    color: var(--x-color-success);
}

.value-map-summary__chip--reliever[b-sxvb6ukc47] {
    background: var(--x-color-info-muted);
    color: var(--x-color-info);
}

.value-map-summary__chip--creator[b-sxvb6ukc47] {
    background: var(--x-color-primary-muted);
    color: var(--x-color-primary);
}

.value-map-summary__chip--neutral[b-sxvb6ukc47] {
    background: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
}

.value-map-summary__gaps[b-sxvb6ukc47] {
    display: flex;
    gap: var(--x-spacing-2);
}

.value-map-summary__gap[b-sxvb6ukc47] {
    padding: var(--x-spacing-1) var(--x-spacing-3);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xs);
    font-weight: 600;
}

.value-map-summary__gap--pain[b-sxvb6ukc47] {
    background: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.value-map-summary__gap--gain[b-sxvb6ukc47] {
    background: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.value-map-job[b-sxvb6ukc47] {
    margin-bottom: var(--x-spacing-4);
}

.value-map-job__head[b-sxvb6ukc47] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--x-spacing-3);
}

.value-map-job__counts[b-sxvb6ukc47] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.value-map-job__canvas[b-sxvb6ukc47] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--x-spacing-4);
}

@media (max-width: 768px) {
    .value-map-job__canvas[b-sxvb6ukc47] {
        grid-template-columns: 1fr;
    }
}

.value-map-column__title[b-sxvb6ukc47] {
    margin: 0 0 var(--x-spacing-2) 0;
    font-size: var(--x-text-sm);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.value-map-column__title--pain[b-sxvb6ukc47] {
    color: var(--x-color-destructive);
}

.value-map-column__title--gain[b-sxvb6ukc47] {
    color: var(--x-color-success);
}

.value-map-empty[b-sxvb6ukc47] {
    color: var(--x-color-muted-foreground);
    font-style: italic;
    font-size: var(--x-text-sm);
    padding: var(--x-spacing-3);
    border: 1px dashed var(--x-color-border);
    border-radius: var(--x-radius-sm);
}

.value-map-cell[b-sxvb6ukc47] {
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    padding: var(--x-spacing-3);
    background: var(--x-color-card);
    margin-bottom: var(--x-spacing-3);
}

.value-map-cell--pain[b-sxvb6ukc47] {
    border-left: 3px solid var(--x-color-destructive);
}

.value-map-cell--gain[b-sxvb6ukc47] {
    border-left: 3px solid var(--x-color-success);
}

.value-map-cell--unrelieved[b-sxvb6ukc47],
.value-map-cell--uncreated[b-sxvb6ukc47] {
    background: var(--x-color-warning-muted);
}

.value-map-cell__head[b-sxvb6ukc47] {
    display: flex;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-2);
}

.value-map-cell__body[b-sxvb6ukc47] {
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    margin-bottom: var(--x-spacing-2);
}

.value-map-cell__meta[b-sxvb6ukc47] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    font-style: italic;
    margin-bottom: var(--x-spacing-2);
}

.value-map-cell__pairs[b-sxvb6ukc47] {
    border-top: 1px solid var(--x-color-border);
    padding-top: var(--x-spacing-2);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.value-map-cell__pairs-label[b-sxvb6ukc47] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: var(--x-spacing-1);
}

.value-map-cell__pair[b-sxvb6ukc47] {
    display: flex;
    align-items: baseline;
    gap: var(--x-spacing-2);
    font-size: var(--x-text-sm);
}

.value-map-cell__pair-text[b-sxvb6ukc47] {
    color: var(--x-color-foreground);
}

.value-map-tone[b-sxvb6ukc47] {
    padding: 2px var(--x-spacing-2);
    border-radius: var(--x-radius-pill);
    font-size: var(--x-text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
}

.value-map-tone--pain-high[b-sxvb6ukc47] {
    background: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
}

.value-map-tone--pain-medium[b-sxvb6ukc47] {
    background: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.value-map-tone--pain-low[b-sxvb6ukc47] {
    background: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
}

.value-map-tone--gain-high[b-sxvb6ukc47] {
    background: var(--x-color-success-muted);
    color: var(--x-color-success);
}

.value-map-tone--gain-medium[b-sxvb6ukc47] {
    background: var(--x-color-info-muted);
    color: var(--x-color-info);
}

.value-map-tone--gain-low[b-sxvb6ukc47] {
    background: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
}

.value-map-tone--freq[b-sxvb6ukc47] {
    background: var(--x-color-info-muted);
    color: var(--x-color-info);
}

.value-map-tone--fit-high[b-sxvb6ukc47] {
    background: var(--x-color-success-muted);
    color: var(--x-color-success);
}

.value-map-tone--fit-medium[b-sxvb6ukc47] {
    background: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.value-map-tone--fit-low[b-sxvb6ukc47] {
    background: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
}
/* /Components/Pages/Voice/MarketIntelligence.razor.rz.scp.css */
/* Sprint CI: Figma Make layout */
.page-market-intelligence[b-tba0jhrrgj] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--x-color-background);
}

/* 2026-05-04 MI hardening: scope-resolution loading row. Used by the .razor's
   three-state render in the initial pre-OnAfterRenderAsync phase so the page
   shows a spinner instead of flashing blank-then-content. */
.page-mi-loading[b-tba0jhrrgj] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-12);
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
}

/* Tab content area (inside XTabItem) */
.mi-tab-content[b-tba0jhrrgj] {
    flex: 1;
    overflow-y: auto;
    padding: var(--x-spacing-6);
}

/* Legacy styles preserved for sub-components */
.mi-loading-state[b-tba0jhrrgj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-6);
    padding: var(--x-spacing-12);
}

.mi-error-state[b-tba0jhrrgj] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--x-spacing-6);
}

.mi-empty-tab[b-tba0jhrrgj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-12);
}

/* Competitor tab */
.competitor-layout[b-tba0jhrrgj] {
    display: flex;
    gap: var(--x-spacing-6);
}

.competitor-main[b-tba0jhrrgj] {
    flex: 1;
}

.competitor-main.with-detail[b-tba0jhrrgj] {
    flex: 2;
}

.competitor-detail[b-tba0jhrrgj] {
    flex: 1;
    min-width: 400px;
}

/* VoA tab */
.authority-list[b-tba0jhrrgj] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.authority-card-content[b-tba0jhrrgj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--x-spacing-4);
}

.authority-info[b-tba0jhrrgj] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.authority-name-row[b-tba0jhrrgj] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

/* Responsive */
@media (max-width: 1024px) {
    .competitor-layout[b-tba0jhrrgj] {
        flex-direction: column;
    }

    .competitor-detail[b-tba0jhrrgj] {
        min-width: auto;
    }
}
/* /Components/Pages/Voice/Overlays/AddSourceDialog.razor.rz.scp.css */
.add-source-body[b-vf7ilo9cf0] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-5);
}

.source-url-preview[b-vf7ilo9cf0] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    word-break: break-all;
}

.source-auth-notice[b-vf7ilo9cf0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-4);
    text-align: center;
}

.source-config-row[b-vf7ilo9cf0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--x-spacing-4);
}

.add-source-footer[b-vf7ilo9cf0] {
    display: flex;
    gap: var(--x-spacing-3);
    justify-content: flex-end;
}

@media (max-width: 640px) {
    .source-config-row[b-vf7ilo9cf0] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Voice/Overlays/JtbdManagementPanel.razor.rz.scp.css */
.jtbd-panel[b-md3wl224yt] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-5);
}

.jtbd-list[b-md3wl224yt] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
    max-height: 400px;
    overflow-y: auto;
}

.jtbd-card[b-md3wl224yt] {
    padding: var(--x-spacing-4);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    cursor: pointer;
    transition: border-color var(--x-transition-normal);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.jtbd-card:hover[b-md3wl224yt] {
    border-color: var(--x-color-primary);
}

.jtbd-card.selected[b-md3wl224yt] {
    border-color: var(--x-color-primary);
    background: var(--x-color-surface-secondary);
}

.jtbd-card-header[b-md3wl224yt] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--x-spacing-3);
}

.jtbd-card-meta[b-md3wl224yt] {
    display: flex;
    gap: var(--x-spacing-3);
    align-items: center;
    flex-wrap: wrap;
}

.jtbd-detail-section[b-md3wl224yt] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
    padding-top: var(--x-spacing-4);
    border-top: 1px solid var(--x-color-border);
}

.jtbd-detail-grid[b-md3wl224yt] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--x-spacing-4);
}

.detail-field[b-md3wl224yt] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-0-5);
}

.loading-state[b-md3wl224yt], .empty-state[b-md3wl224yt] {
    display: flex;
    justify-content: center;
    padding: var(--x-spacing-8);
}

.panel-footer[b-md3wl224yt] {
    display: flex;
    gap: var(--x-spacing-3);
    justify-content: flex-end;
}
/* /Components/Pages/Voice/Overlays/SignalDetailView.razor.rz.scp.css */
.signal-detail[b-hy6cpe2vjq] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-5);
}

.signal-header[b-hy6cpe2vjq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--x-spacing-4);
}

.signal-title-group[b-hy6cpe2vjq] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.signal-badges[b-hy6cpe2vjq] {
    display: flex;
    gap: var(--x-spacing-2);
    flex-shrink: 0;
}

.signal-body[b-hy6cpe2vjq] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.signal-body-text[b-hy6cpe2vjq] {
    margin: 0;
    line-height: 1.6;
    color: var(--x-color-text-primary);
    white-space: pre-wrap;
}

.detail-grid[b-hy6cpe2vjq] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--x-spacing-4);
}

.detail-field[b-hy6cpe2vjq] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-0-5);
}

.signal-section[b-hy6cpe2vjq] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    padding-top: var(--x-spacing-3);
    border-top: 1px solid var(--x-color-border);
}

.source-link[b-hy6cpe2vjq] {
    color: var(--x-color-primary);
    text-decoration: none;
    word-break: break-all;
}

.source-link:hover[b-hy6cpe2vjq] {
    text-decoration: underline;
}

.detail-footer[b-hy6cpe2vjq] {
    display: flex;
    gap: var(--x-spacing-3);
    justify-content: flex-end;
}

@media (max-width: 640px) {
    .detail-grid[b-hy6cpe2vjq] {
        grid-template-columns: 1fr;
    }

    .signal-header[b-hy6cpe2vjq] {
        flex-direction: column;
    }
}
/* /Components/Pages/Voice/Overlays/ThoughtLeaderDetailView.razor.rz.scp.css */
.thought-leader-detail[b-7rigkun574] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-5);
}

.leader-header[b-7rigkun574] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--x-spacing-4);
}

.leader-title-group[b-7rigkun574] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.leader-badges[b-7rigkun574] {
    display: flex;
    gap: var(--x-spacing-2);
    flex-shrink: 0;
}

.detail-grid[b-7rigkun574] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--x-spacing-4);
}

.detail-field[b-7rigkun574] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-0-5);
}

.leader-profile-link[b-7rigkun574] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    padding-top: var(--x-spacing-3);
    border-top: 1px solid var(--x-color-border);
}

.leader-profile-link .source-link[b-7rigkun574] {
    color: var(--x-color-primary);
    text-decoration: none;
    word-break: break-all;
}

.leader-profile-link .source-link:hover[b-7rigkun574] {
    text-decoration: underline;
}

.detail-footer[b-7rigkun574] {
    display: flex;
    gap: var(--x-spacing-3);
    justify-content: flex-end;
}

.leader-profile-button-link[b-7rigkun574] {
    text-decoration: none;
}

@media (max-width: 640px) {
    .detail-grid[b-7rigkun574] {
        grid-template-columns: 1fr;
    }

    .leader-header[b-7rigkun574] {
        flex-direction: column;
    }
}
/* /Components/Pages/Voice/Overlays/VocSignalList.razor.rz.scp.css */
.signal-loading-state[b-cflvfdlpar],
.signal-empty-state[b-cflvfdlpar] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-12);
}

.signal-list[b-cflvfdlpar] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.signal-card-content[b-cflvfdlpar] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.signal-card-header[b-cflvfdlpar] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.signal-source-row[b-cflvfdlpar] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.signal-quote[b-cflvfdlpar] {
    margin: 0;
    font-style: italic;
    color: var(--x-color-muted-foreground);
}

.signal-tags[b-cflvfdlpar] {
    display: flex;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
}

.signal-meta[b-cflvfdlpar] {
    display: flex;
    gap: var(--x-spacing-4);
    flex-wrap: wrap;
}

.signal-card-wrapper[b-cflvfdlpar] {
    cursor: pointer;
}

/* Signal card hover border moved to app.css (child component boundary) */
/* /Components/Pages/Voice/RegionFailureNotice.razor.rz.scp.css */
.mi-region-failure[b-kqrlatrgno] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-4);
    background: var(--x-color-destructive-muted);
    border: 1px solid var(--x-color-destructive);
    border-radius: var(--x-radius-md);
    margin: var(--x-spacing-3) 0;
}
/* /Components/Pages/Voice/Tabs/AuthorityVoiceTab.razor.rz.scp.css */
/* Sprint CI: Figma Make Mixed Voice Layout for Voice of Authority */

.voa-figma[b-x3nzix7zgt] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-6);
}

.voa-card[b-x3nzix7zgt] {
    padding: var(--x-spacing-6);
    border-radius: var(--x-radius-card);
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
}

.voa-section-heading[b-x3nzix7zgt] {
    font-size: var(--x-text-base);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    margin: 0 0 var(--x-spacing-4);
}

.voa-section-label[b-x3nzix7zgt] {
    display: block;
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    margin-bottom: var(--x-spacing-3);
}

.voa-description[b-x3nzix7zgt] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    line-height: 1.6;
    margin-bottom: var(--x-spacing-4);
}

/* Leader Cards Grid */
.voa-leader-grid[b-x3nzix7zgt] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--x-spacing-4);
}

.voa-leader-card[b-x3nzix7zgt] {
    padding: var(--x-spacing-4);
    border-radius: var(--x-radius-lg);
    border: 1px solid var(--x-color-border);
    background-color: var(--x-color-card);
    cursor: pointer;
    transition: all var(--x-duration-normal) var(--x-ease-out);
}

.voa-leader-card:hover[b-x3nzix7zgt] {
    box-shadow: var(--x-elevation-card);
}

.voa-leader-card--selected[b-x3nzix7zgt] {
    border: 2px solid var(--x-color-primary);
    background-color: var(--x-color-primary-muted);
}

.voa-leader-top[b-x3nzix7zgt] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-3);
}

.voa-leader-avatar[b-x3nzix7zgt] {
    width: var(--x-avatar-size-m);
    height: var(--x-avatar-size-m);
    border-radius: var(--x-radius-full);
    background-color: var(--x-color-primary-muted);
    color: var(--x-color-primary-hover);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--x-text-lg);
    font-weight: var(--x-font-weight-bold);
    flex-shrink: 0;
}

.voa-leader-info[b-x3nzix7zgt] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-0-5);
    flex: 1;
}

.voa-leader-name[b-x3nzix7zgt] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

.voa-leader-title[b-x3nzix7zgt] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.voa-leader-location[b-x3nzix7zgt] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    margin-bottom: var(--x-spacing-3);
}

.voa-leader-footer[b-x3nzix7zgt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.voa-leader-signal-pill[b-x3nzix7zgt] {
    padding: var(--x-spacing-1) var(--x-spacing-2);
    border-radius: var(--x-radius-full);
    background-color: var(--x-color-primary-muted);
    color: var(--x-color-primary-hover);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
}

/* Topic Coverage */
.voa-topic-grid[b-x3nzix7zgt] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--x-spacing-3);
}

.voa-topic-card[b-x3nzix7zgt] {
    padding: var(--x-spacing-4);
    border-radius: var(--x-radius-lg);
    border: 1px solid var(--x-color-border);
    background-color: var(--x-color-background);
}

.voa-topic-name[b-x3nzix7zgt] {
    display: block;
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    margin-bottom: var(--x-spacing-1-5);
}

.voa-topic-count[b-x3nzix7zgt] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

/* CWC Breakdown */
.voa-cwc-grid[b-x3nzix7zgt] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--x-spacing-4);
    margin-bottom: var(--x-spacing-6);
}

.voa-cwc-card[b-x3nzix7zgt] {
    padding: var(--x-spacing-4);
    border-radius: var(--x-radius-lg);
}

.voa-cwc-card--complaint[b-x3nzix7zgt] {
    background-color: var(--x-color-destructive-muted);
    border: 1px solid var(--x-color-destructive-muted);
}

.voa-cwc-card--complaint .voa-cwc-label[b-x3nzix7zgt] { color: var(--x-color-destructive); }
.voa-cwc-card--complaint .voa-cwc-count[b-x3nzix7zgt] { color: var(--x-color-destructive); }

.voa-cwc-card--wish[b-x3nzix7zgt] {
    background-color: var(--x-color-info-muted);
    border: 1px solid var(--x-color-info-muted);
}

.voa-cwc-card--wish .voa-cwc-label[b-x3nzix7zgt] { color: var(--x-color-info); }
.voa-cwc-card--wish .voa-cwc-count[b-x3nzix7zgt] { color: var(--x-color-info); }

.voa-cwc-card--concern[b-x3nzix7zgt] {
    background-color: var(--x-color-warning-muted);
    border: 1px solid var(--x-color-warning-muted);
}

.voa-cwc-card--concern .voa-cwc-label[b-x3nzix7zgt] { color: var(--x-color-warning); }
.voa-cwc-card--concern .voa-cwc-count[b-x3nzix7zgt] { color: var(--x-color-warning); }

.voa-cwc-label[b-x3nzix7zgt] {
    display: block;
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    text-transform: uppercase;
    margin-bottom: var(--x-spacing-2);
}

.voa-cwc-count[b-x3nzix7zgt] {
    font-size: var(--x-text-3xl);
    font-weight: var(--x-font-weight-medium);
}

.voa-jtbd-section[b-x3nzix7zgt] {
    margin-top: var(--x-spacing-6);
}

.voa-jtbd-header[b-x3nzix7zgt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Detail Panel */
.voa-detail-panel[b-x3nzix7zgt] {
    padding: var(--x-spacing-6);
    border-radius: var(--x-radius-card);
    border: 2px solid var(--x-color-primary);
    background-color: var(--x-color-primary-muted);
}

.voa-detail-grid[b-x3nzix7zgt] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--x-spacing-6);
    margin-top: var(--x-spacing-4);
}

.voa-detail-topics[b-x3nzix7zgt] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-2);
}

.voa-detail-topic-pill[b-x3nzix7zgt] {
    padding: var(--x-spacing-1) var(--x-spacing-3);
    border-radius: var(--x-radius-full);
    background-color: var(--x-color-primary);
    color: var(--x-color-primary-foreground);
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
}

.voa-detail-activity[b-x3nzix7zgt] {
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
    line-height: 1.6;
}
/* /Components/Pages/Voice/Tabs/EditorialStandardsRegion.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=Voice | Bounded-Context=Voice.EditorialStandards | Phase=132.C */

.editorial-standards-region[b-7ixfhl9poi] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-md);
}

.editorial-standards-region__header[b-7ixfhl9poi] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-xs);
}

.editorial-standards-region__filters[b-7ixfhl9poi] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-sm);
    flex-wrap: wrap;
}

.editorial-standards-region__filters select[b-7ixfhl9poi] {
    padding: 4px 8px;
}

.editorial-standards-region__cards[b-7ixfhl9poi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--x-spacing-md);
}

.editorial-standards-region__card[b-7ixfhl9poi] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-sm);
}

.editorial-standards-region__list[b-7ixfhl9poi] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.editorial-standards-region__list li[b-7ixfhl9poi] {
    padding: 4px 0;
    border-bottom: 1px solid var(--x-color-border);
}

.editorial-standards-region__rule-row[b-7ixfhl9poi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 0;
    border-bottom: 1px solid var(--x-color-border);
}
/* /Components/Pages/Voice/Tabs/FounderVoiceTab.razor.rz.scp.css */
.founder-voice-tab[b-ra4ifl4wim] {
    padding: var(--x-spacing-4) 0;
}

.founder-voice-loading[b-ra4ifl4wim],
.founder-voice-empty[b-ra4ifl4wim] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-12) var(--x-spacing-8);
    text-align: center;
}

.founder-voice-content[b-ra4ifl4wim] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-6);
}

.founder-voice-section[b-ra4ifl4wim] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.founder-voice-stub[b-ra4ifl4wim] {
    padding: var(--x-spacing-6);
    border: 1px dashed var(--x-color-border);
    border-radius: var(--x-radius-md);
    background: var(--x-color-card);
}

.founder-voice-stub__header[b-ra4ifl4wim] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-2);
}

.founder-voice-stub__title[b-ra4ifl4wim] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
}

.founder-voice-stub__badge[b-ra4ifl4wim] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: var(--x-spacing-0-5) var(--x-spacing-1-5);
    border-radius: var(--x-radius-sm);
    background: var(--x-color-card);
    color: var(--x-color-muted-foreground);
}

.founder-voice-stub__description[b-ra4ifl4wim] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    margin: 0;
}

.founder-voice-header[b-ra4ifl4wim] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.founder-voice-title-row[b-ra4ifl4wim] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
}

.founder-voice-grid[b-ra4ifl4wim] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--x-spacing-3);
}

@media (max-width: 1024px) {
    .founder-voice-grid[b-ra4ifl4wim] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .founder-voice-grid[b-ra4ifl4wim] {
        grid-template-columns: 1fr;
    }
}

.fv-card[b-ra4ifl4wim] {
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-lg);
    padding: var(--x-spacing-4);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.fv-card--wide[b-ra4ifl4wim] {
    grid-column: span 2;
}

@media (max-width: 1024px) {
    .fv-card--wide[b-ra4ifl4wim] {
        grid-column: span 1;
    }
}

.fv-card-label[b-ra4ifl4wim] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.fv-card-value[b-ra4ifl4wim] {
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    line-height: 1.5;
}

.fv-examples-section[b-ra4ifl4wim] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

/* Phase 147 Bundle F — banned + preferred phrase chip lists. The two blocks
   stack vertically with their own headers. Each chip is pill-shaped with the
   "→ preferred" mapping rendered inline when present. */
.fv-phrases-section[b-ra4ifl4wim] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
    margin-top: var(--x-spacing-3);
}

.fv-phrases-block[b-ra4ifl4wim] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1-5);
}

.fv-phrase-chips[b-ra4ifl4wim] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-1-5);
}

.fv-supersedes[b-ra4ifl4wim] {
    margin-top: var(--x-spacing-2);
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    font-style: italic;
}

.fv-examples-body[b-ra4ifl4wim] {
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    line-height: 1.6;
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-lg);
    padding: var(--x-spacing-4);
    white-space: pre-wrap;
}

/* Section header with collapse toggle */
.fv-section-header[b-ra4ifl4wim] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: var(--x-spacing-2) 0;
    user-select: none;
}

.fv-collapse-icon[b-ra4ifl4wim] {
    font-size: var(--x-text-xl);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-muted-foreground);
    width: var(--x-spacing-6);
    text-align: center;
}

/* Personal Brand Metrics cards */
.fv-metrics-grid[b-ra4ifl4wim] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--x-spacing-3);
}

@media (max-width: 1024px) {
    .fv-metrics-grid[b-ra4ifl4wim] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .fv-metrics-grid[b-ra4ifl4wim] {
        grid-template-columns: 1fr;
    }
}

.fv-metric-card[b-ra4ifl4wim] {
    border-radius: var(--x-radius-lg);
    padding: var(--x-spacing-4);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.fv-metric-card--success[b-ra4ifl4wim] {
    background: var(--x-color-success-muted);
    border: 1px solid var(--x-color-success-muted);
}

.fv-metric-card--primary[b-ra4ifl4wim] {
    background: var(--x-color-primary-muted);
    border: 1px solid var(--x-color-primary-muted);
}

.fv-metric-card--warning[b-ra4ifl4wim] {
    background: var(--x-color-warning-muted);
    border: 1px solid var(--x-color-warning-muted);
}

.fv-metric-card--info[b-ra4ifl4wim] {
    background: var(--x-color-info-muted);
    border: 1px solid var(--x-color-info-muted);
}

.fv-metric-card__label[b-ra4ifl4wim] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.fv-metric-card__value[b-ra4ifl4wim] {
    font-size: var(--x-text-2xl);
    font-weight: var(--x-font-weight-bold);
    color: var(--x-color-foreground);
}

.fv-metric-card__unit[b-ra4ifl4wim] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
}

.fv-metric-card__hint[b-ra4ifl4wim] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.fv-connect-prompt[b-ra4ifl4wim] {
    padding: var(--x-spacing-4);
    border-radius: var(--x-radius-lg);
    background: var(--x-color-info-muted);
    border: 1px solid var(--x-color-info-muted);
}

/* Topic Alignment table */
.fv-topic-intro[b-ra4ifl4wim] {
    margin-bottom: var(--x-spacing-3);
}

.fv-topic-table-container[b-ra4ifl4wim] {
    overflow-x: auto;
}

.fv-topic-table[b-ra4ifl4wim] {
    width: 100%;
    border-collapse: collapse;
}

.fv-topic-th[b-ra4ifl4wim] {
    padding: var(--x-spacing-3);
    text-align: left;
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 1px solid var(--x-color-border);
}

.fv-topic-th--center[b-ra4ifl4wim] {
    text-align: center;
}

.fv-topic-row[b-ra4ifl4wim] {
    border-bottom: 1px solid var(--x-color-border);
}

.fv-topic-row--empty[b-ra4ifl4wim] {
    border-bottom: none;
}

.fv-topic-td[b-ra4ifl4wim] {
    padding: var(--x-spacing-3);
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    vertical-align: middle;
}

.fv-topic-empty[b-ra4ifl4wim] {
    padding: var(--x-spacing-8) var(--x-spacing-4);
    text-align: center;
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    line-height: 1.6;
}

/* Content Examples parsed cards */
.fv-examples-grid[b-ra4ifl4wim] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.fv-example-card[b-ra4ifl4wim] {
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-lg);
    padding: var(--x-spacing-4);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.fv-example-type-badge[b-ra4ifl4wim] {
    display: inline-block;
    width: fit-content;
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
    background: var(--x-color-primary-muted);
    color: var(--x-color-primary-hover);
}

.fv-example-content[b-ra4ifl4wim] {
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    line-height: 1.6;
}

/* JTBD section header */
.fv-jtbd-header[b-ra4ifl4wim] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* /Components/Pages/Voice/Tabs/MiStatsBar.razor.rz.scp.css */
/* MI Stats Bar — 2026-05-25 design sweep
   Hand-built compact stat tiles, same shape as CrmSummaryBar (the [label] [value]
   [icon] horizontal row). Card primitive overrides would have hit XBLZ035, so the
   tile chrome is consumer-owned here. */

.mi-stats-bar[b-1cyfja1zus] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-6);
}

.mi-stat-tile[b-1cyfja1zus] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "label value icon";
    align-items: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    background-color: var(--x-color-card);
    text-align: left;
    cursor: default;
}

/* Reset native <button> defaults so the clickable tiles inherit the same
   visual baseline as the <div> siblings. */
button.mi-stat-tile[b-1cyfja1zus] {
    font: inherit;
    color: inherit;
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
}

.mi-stat-tile--clickable[b-1cyfja1zus] {
    cursor: pointer;
    transition: border-color var(--x-duration-fast) var(--x-ease-out), box-shadow var(--x-duration-fast) var(--x-ease-out);
}

.mi-stat-tile--clickable:hover[b-1cyfja1zus] {
    border-color: var(--x-color-primary);
    box-shadow: 0 0 0 2px var(--x-color-primary-muted);
}

.mi-stat-tile--clickable:focus-visible[b-1cyfja1zus] {
    outline: 2px solid var(--x-color-primary);
    outline-offset: 2px;
}

.mi-stat-label[b-1cyfja1zus] {
    grid-area: label;
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.mi-stat-value[b-1cyfja1zus] {
    grid-area: value;
    justify-self: end;
    font-size: var(--x-text-xl);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    line-height: 1;
}

.mi-stat-pct[b-1cyfja1zus] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
    margin-left: 4px;
}

.mi-stat-icon[b-1cyfja1zus] {
    grid-area: icon;
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: var(--x-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Coloured icon-tile variants — same palette as CRM tiles + a neutral
   "secondary" for the Open struggles stat. */
.mi-stat-icon--primary[b-1cyfja1zus]   { background-color: var(--x-color-primary-muted); color: var(--x-color-primary); }
.mi-stat-icon--success[b-1cyfja1zus]   { background-color: var(--x-color-success-muted); color: var(--x-color-success); }
.mi-stat-icon--danger[b-1cyfja1zus]    { background-color: var(--x-color-destructive-muted); color: var(--x-color-destructive); }
.mi-stat-icon--warning[b-1cyfja1zus]   { background-color: var(--x-color-warning-muted); color: var(--x-color-warning); }
.mi-stat-icon--info[b-1cyfja1zus]      { background-color: var(--x-color-info-muted); color: var(--x-color-info); }
.mi-stat-icon--secondary[b-1cyfja1zus] { background-color: var(--x-color-muted); color: var(--x-color-muted-foreground); }

/* Loading skeleton — slim tile placeholder matching the live tile height. */
.mi-stats-bar--loading .mi-stat-tile--skeleton[b-1cyfja1zus] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--x-spacing-3);
}

/* Responsive collapse: 6 → 3 → 2 → 1 columns. */
@media (max-width: 1280px) {
    .mi-stats-bar[b-1cyfja1zus] { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 640px) {
    .mi-stats-bar[b-1cyfja1zus] { grid-template-columns: repeat(2, 1fr); }
}
/* /Components/Pages/Voice/Tabs/SeoResearchTab.razor.rz.scp.css */
/* SeoResearchTab — Figma Make parity: SEOResearch.tsx layout */

.seo-research-tab[b-m1fxgxpy3n] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-6);
}

/* ── Section A: Keyword Intelligence Header ── */

.seo-header-card[b-m1fxgxpy3n] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: var(--x-spacing-6);
    border-radius: var(--x-radius-lg);
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    gap: var(--x-spacing-4);
}

.seo-header-left[b-m1fxgxpy3n] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    max-width: 70%;
}

.seo-header-title[b-m1fxgxpy3n] {
    color: var(--x-color-foreground);
    margin: 0;
}

.seo-header-subtitle[b-m1fxgxpy3n] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    margin: 0;
    line-height: 1.5;
}

.seo-total-badge[b-m1fxgxpy3n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--x-spacing-3) var(--x-spacing-4);
    border-radius: var(--x-radius-lg);
    background-color: var(--x-color-primary-muted);
    border: 1px solid var(--x-color-primary-muted);
    flex-shrink: 0;
}

.seo-total-label[b-m1fxgxpy3n] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    white-space: nowrap;
}

.seo-total-value[b-m1fxgxpy3n] {
    font-size: var(--x-text-xl);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-primary-hover);
}

/* ── Section C: Content Velocity Comparison ── */

.seo-velocity-card[b-m1fxgxpy3n] {
    padding: var(--x-spacing-6);
    border-radius: var(--x-radius-lg);
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
}

.seo-velocity-header[b-m1fxgxpy3n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.seo-section-title[b-m1fxgxpy3n] {
    font-size: var(--x-text-base);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    margin: 0;
}

.seo-velocity-intro[b-m1fxgxpy3n] {
    margin-top: var(--x-spacing-2);
    margin-bottom: 0;
}

.seo-text-muted[b-m1fxgxpy3n] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    line-height: 1.5;
}

/* ── Section D: Info Box ── */

.seo-info-box[b-m1fxgxpy3n] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-4);
    border-radius: var(--x-radius-lg);
    background-color: var(--x-color-info-muted);
    border: 1px solid var(--x-color-info-muted);
}

.seo-info-box-header[b-m1fxgxpy3n] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.seo-info-icon[b-m1fxgxpy3n] {
    width: 18px;
    height: 18px;
    color: var(--x-color-info);
    flex-shrink: 0;
}

.seo-info-box-title[b-m1fxgxpy3n] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-info);
}

.seo-info-box-text[b-m1fxgxpy3n] {
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    margin: 0;
    line-height: 1.5;
}

/* ── Section D: JTBD Table ── */

.seo-jtbd-section[b-m1fxgxpy3n] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.seo-jtbd-header[b-m1fxgxpy3n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.seo-section-label[b-m1fxgxpy3n] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
/* /Components/Pages/Voice/Tabs/VoCompetitorTab.razor.rz.scp.css */
/* Sprint CI: Figma Make Mixed Voice Layout for Voice of Competitor */

.vo-competitor-figma[b-s556yadcr3] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-6);
}

.vo-competitor-back[b-s556yadcr3] {
    margin-bottom: var(--x-spacing-4);
}

/* 2026-05-25 design sweep: Matrix-view toggle button anchored top-right
   (was a generic "back" pill on the left). Replaces .vo-competitor-back
   for the swapped landing-view shape. */
.vo-competitor-toggle[b-s556yadcr3] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: var(--x-spacing-3);
}

.vo-comp-card[b-s556yadcr3] {
    padding: var(--x-spacing-6);
    border-radius: var(--x-radius-card);
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
}

.vo-comp-card-header[b-s556yadcr3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: var(--x-spacing-4);
}

.vo-comp-selector[b-s556yadcr3] {
    margin-bottom: var(--x-spacing-4);
}

.vo-comp-selector-label[b-s556yadcr3] {
    display: block;
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    margin-bottom: var(--x-spacing-2);
}

.vo-comp-dropdown[b-s556yadcr3] {
    width: 100%;
    padding: var(--x-spacing-3) var(--x-spacing-4);
    border-radius: var(--x-radius-lg);
    border: 1px solid var(--x-color-border);
    background-color: var(--x-color-card);
    color: var(--x-color-foreground);
    font-size: var(--x-text-xs);
    cursor: pointer;
}

.vo-comp-metrics[b-s556yadcr3] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--x-spacing-4);
    margin-bottom: var(--x-spacing-4);
}

.vo-comp-metric-card[b-s556yadcr3] {
    padding: var(--x-spacing-4);
    border-radius: var(--x-radius-lg);
    background-color: var(--x-color-background);
    border: 1px solid var(--x-color-border);
}

.vo-comp-metric-label[b-s556yadcr3] {
    display: block;
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    margin-bottom: var(--x-spacing-1);
}

.vo-comp-metric-value[b-s556yadcr3] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    text-transform: capitalize;
}

.vo-comp-threat--high[b-s556yadcr3] { color: var(--x-color-destructive-hover); }
.vo-comp-threat--medium[b-s556yadcr3] { color: var(--x-color-warning); }
.vo-comp-threat--low[b-s556yadcr3] { color: var(--x-color-success); }

.vo-comp-description[b-s556yadcr3] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    line-height: 1.6;
    margin-top: var(--x-spacing-4);
}

.vo-comp-section-label[b-s556yadcr3] {
    display: block;
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    margin-bottom: var(--x-spacing-3);
    margin-top: var(--x-spacing-4);
}

.vo-comp-topic-grid[b-s556yadcr3] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--x-spacing-3);
    margin-bottom: var(--x-spacing-6);
}

.vo-comp-topic-card[b-s556yadcr3] {
    padding: var(--x-spacing-3);
    border-radius: var(--x-radius-lg);
    border: 1px solid var(--x-color-border);
    background-color: var(--x-color-card);
}

.vo-comp-topic-name[b-s556yadcr3] {
    display: block;
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    margin-bottom: var(--x-spacing-1-5);
}

.vo-comp-topic-count[b-s556yadcr3] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.vo-comp-whitespace-alert[b-s556yadcr3] {
    padding: var(--x-spacing-4);
    border-radius: var(--x-radius-lg);
    background-color: var(--x-color-warning-muted);
    border: 1px solid var(--x-color-warning-muted);
}

.vo-comp-whitespace-title[b-s556yadcr3] {
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-warning);
    margin-bottom: var(--x-spacing-1);
}

.vo-comp-whitespace-text[b-s556yadcr3] {
    font-size: var(--x-text-xs);
    color: var(--x-color-warning);
    line-height: 1.6;
}

.vo-comp-jtbd-section[b-s556yadcr3] {
    margin-top: var(--x-spacing-6);
}

/* ── CWC + JTBD Narrative Section ── */

.voc-cwc-section[b-s556yadcr3] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-6);
    border-radius: var(--x-radius-card);
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
}

.voc-cwc-title[b-s556yadcr3] {
    margin: 0;
}

.voc-cwc-subtitle[b-s556yadcr3] {
    color: var(--x-color-muted-foreground);
    margin: 0;
    line-height: 1.6;
}

.voc-trend-section[b-s556yadcr3] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.voc-section-label[b-s556yadcr3] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.voc-jtbd-section[b-s556yadcr3] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.voc-jtbd-header[b-s556yadcr3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* /Components/Pages/Voice/Tabs/VoiceOfCommunityTab.razor.rz.scp.css */
.vocm-figma[b-mlqi8estk4] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-6);
}

.vocm-card[b-mlqi8estk4] {
    padding: var(--x-spacing-6);
    border-radius: var(--x-radius-card);
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
}

.vocm-heading[b-mlqi8estk4] {
    color: var(--x-color-foreground);
    margin: 0 0 var(--x-spacing-4);
}

.vocm-jtbd-header[b-mlqi8estk4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* /Components/Pages/Voice/Tabs/VoiceOfCustomerTab.razor.rz.scp.css */
.voc-redesign[b-38kl0r4ksl] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-6);
}

.voc-back-bar[b-38kl0r4ksl] {
    margin-bottom: var(--x-spacing-4);
}

.voc-header-card[b-38kl0r4ksl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--x-spacing-6);
    border-radius: var(--x-radius-card);
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
}

.voc-header-left[b-38kl0r4ksl] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.voc-header-actions[b-38kl0r4ksl] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
}

/* v3.44.0 absorption: ::deep .x-button color overrides retired. The Outline variant
   in v3.44.0 / XBL-141 ships with contrast-safe foreground / hover tokens (the lib's
   --x-color-foreground default at the .x-button-outline level). Re-introducing this
   override would re-couple the consumer to lib internals; if the contrast regression
   reappears, the right fix is upstream theme-token correction, not consumer ::deep
   piercing. */

.voc-time-filter[b-38kl0r4ksl] {
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border-radius: var(--x-radius-lg);
    background-color: var(--x-color-background);
    border: 1px solid var(--x-color-border);
    color: var(--x-color-foreground);
    font-size: var(--x-text-sm);
    cursor: pointer;
}

.voc-content-grid[b-38kl0r4ksl] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: var(--x-spacing-6);
}

.voc-treemap-column[b-38kl0r4ksl] {
    display: flex;
    flex-direction: column;
}

.voc-tables-column[b-38kl0r4ksl] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-6);
}

.voc-jtbd-header[b-38kl0r4ksl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--x-spacing-3);
}

.voc-jtbd-label[b-38kl0r4ksl] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
}
/* /Components/Pages/WorkflowRunHistory.razor.rz.scp.css */
/* Phase 146 Bundle O — Workflow Run History page styling. Table-shaped
   list because the run shape is uniform (one row per run) and the operator
   wants a scannable grid with sortable columns. Card-based would waste
   vertical density. */

.wrun-toolbar[b-pwto44b3iw] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-3);
}

.wrun-toolbar-label[b-pwto44b3iw] {
    color: var(--x-color-muted-foreground);
}

.wrun-loading[b-pwto44b3iw] {
    padding: var(--x-spacing-6) 0;
    text-align: center;
}

.wrun-grid-wrapper[b-pwto44b3iw] {
    overflow-x: auto;
}

.wrun-grid[b-pwto44b3iw] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--x-text-sm);
}

.wrun-grid thead th[b-pwto44b3iw] {
    text-align: left;
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border-bottom: 1px solid var(--x-color-border);
    font-size: var(--x-text-xxs);
    text-transform: uppercase;
    color: var(--x-color-muted-foreground);
    background: var(--x-color-muted);
}

.wrun-grid tbody td[b-pwto44b3iw] {
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border-bottom: 1px solid var(--x-color-border);
    vertical-align: top;
}

.wrun-grid tbody tr:hover[b-pwto44b3iw] {
    background: var(--x-color-muted);
}

.wrun-grid-name[b-pwto44b3iw] {
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

.wrun-grid-type[b-pwto44b3iw] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.wrun-grid-muted[b-pwto44b3iw] {
    color: var(--x-color-muted-foreground);
}

.wrun-grid-items[b-pwto44b3iw] {
    font-variant-numeric: tabular-nums;
}

.wrun-grid-failed[b-pwto44b3iw] {
    color: var(--x-color-destructive);
    margin-left: var(--x-spacing-1);
}

.wrun-grid-error[b-pwto44b3iw] {
    color: var(--x-color-destructive);
    font-size: var(--x-text-xs);
}

.wrun-paging[b-pwto44b3iw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-3);
    margin-top: var(--x-spacing-3);
}

.wrun-paging-info[b-pwto44b3iw] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

/* Phase 172 UX MR-UX-8 (J7) — fanout grouping. The chevron is a borderless
   button that toggles expanded/collapsed state for a parent row; child rows
   render with a left-indent on the workflow-name cell and the failed row
   tints with the danger token. */

.wrun-chevron[b-pwto44b3iw] {
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--x-color-muted-foreground);
    padding: var(--x-spacing-1) var(--x-spacing-2);
    font-size: var(--x-text-sm);
}

.wrun-chevron-expanded[b-pwto44b3iw] {
    color: var(--x-color-foreground);
}

.wrun-child-row[b-pwto44b3iw] {
    background: var(--x-color-muted);
}

.wrun-child-indent[b-pwto44b3iw] {
    padding-left: var(--x-spacing-6);
}

.wrun-child-row-failed[b-pwto44b3iw] {
    border-left: 3px solid var(--x-color-destructive);
}

.wrun-children-summary[b-pwto44b3iw] {
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
}

.wrun-grid-info[b-pwto44b3iw] {
    color: var(--x-color-info);
    margin-left: var(--x-spacing-1);
    font-size: var(--x-text-xxs);
}
/* /Components/Pages/WorkspaceArchitectOverview.razor.rz.scp.css */
/* Workspace Architect Overview — scoped styles */

/* Table container */
.table-scroll-container[b-llwo9isyf8] {
    overflow-x: auto;
}

/* Matrix table */
.gtm-overview-table[b-llwo9isyf8] {
    width: 100%;
    border-collapse: collapse;
    background: var(--x-color-background);
    border-radius: var(--x-radius);
    overflow: hidden;
}

.gtm-overview-table th[b-llwo9isyf8] {
    background: var(--x-color-muted);
    padding: var(--x-spacing-3) var(--x-spacing-2);
    font-weight: 600;
    border-bottom: 2px solid var(--x-color-border);
}

.gtm-overview-table td[b-llwo9isyf8] {
    padding: var(--x-spacing-3) var(--x-spacing-2);
    border-bottom: 1px solid var(--x-color-border);
}

/* Sticky product-name column header */
.gtm-overview-table th.col-product[b-llwo9isyf8] {
    min-width: 180px;
    position: sticky;
    left: 0;
    background: var(--x-color-background);
    z-index: 10;
}

/* Stage column headers */
.gtm-overview-table th.col-stage[b-llwo9isyf8] {
    min-width: 120px;
    text-align: center;
}

/* Rotated stage label inside header */
.stage-label-rotated[b-llwo9isyf8] {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    padding: var(--x-spacing-2) var(--x-spacing-1);
}

/* Product rows */
.product-row[b-llwo9isyf8] {
    cursor: pointer;
}

.product-row:hover[b-llwo9isyf8] {
    background: var(--x-color-muted);
}

.product-row:last-child td[b-llwo9isyf8] {
    border-bottom: none;
}

/* Sticky product-name cell */
.product-row td.col-product-name[b-llwo9isyf8] {
    font-weight: 600;
    position: sticky;
    left: 0;
    background: var(--x-color-background);
    z-index: 9;
}

/* Stage status cells */
.col-stage-status[b-llwo9isyf8] {
    text-align: center;
    padding: var(--x-spacing-2);
}

/* Status legend bar */
.status-legend[b-llwo9isyf8] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-4);
    align-items: center;
    padding: var(--x-spacing-3);
    background: var(--x-color-muted);
    border-radius: var(--x-radius);
}

.legend-label[b-llwo9isyf8] {
    font-weight: 600;
    font-size: var(--x-text-sm);
}

.legend-item[b-llwo9isyf8] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
}

/* Empty state constraint */
.empty-state-description[b-llwo9isyf8] {
    max-width: 400px;
}

/* Footer hint */
.footer-hint[b-llwo9isyf8] {
    padding-top: var(--x-spacing-4);
}
/* /Components/Pages/WorkspaceMembers.razor.rz.scp.css */
/* WorkspaceMembers — scoped styles (Phase 110 T1: identity + invite-link live in shared components) */

.section-card[b-vqvpuu6smp] {
    margin-bottom: var(--x-spacing-6);
}

.section-header[b-vqvpuu6smp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 var(--x-spacing-3) 0;
    gap: var(--x-spacing-3);
}

.members-table[b-vqvpuu6smp] {
    width: 100%;
    border-collapse: collapse;
}

.members-table th[b-vqvpuu6smp] {
    text-align: left;
    padding: var(--x-spacing-2-5) var(--x-spacing-3);
    border-bottom: 2px solid var(--x-color-border);
    font-size: var(--x-text-xs);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--x-color-muted-foreground);
}

.members-table td[b-vqvpuu6smp] {
    padding: var(--x-spacing-3);
    border-bottom: 1px solid var(--x-color-border);
    vertical-align: middle;
}

.members-table tr:last-child td[b-vqvpuu6smp] {
    border-bottom: none;
}

.members-actions-col[b-vqvpuu6smp] {
    width: 1%;
    white-space: nowrap;
}

.members-actions-cell[b-vqvpuu6smp] {
    display: flex;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
}

.members-invite-form[b-vqvpuu6smp] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: var(--x-spacing-3);
}

@media (max-width: 1024px) {
    .members-invite-form[b-vqvpuu6smp] {
        grid-template-columns: 1fr;
    }
}

.members-loading-state[b-vqvpuu6smp] {
    padding: var(--x-spacing-12) 0;
}

.members-permission-matrix[b-vqvpuu6smp] {
    width: 100%;
    border-collapse: collapse;
}

.members-permission-matrix th[b-vqvpuu6smp],
.members-permission-matrix td[b-vqvpuu6smp] {
    text-align: left;
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border-bottom: 1px solid var(--x-color-border);
    font-size: var(--x-text-sm);
}

.members-permission-matrix th[b-vqvpuu6smp] {
    font-size: var(--x-text-xs);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--x-color-muted-foreground);
}

.members-permission-matrix th:not(:first-child)[b-vqvpuu6smp],
.members-permission-matrix td:not(:first-child)[b-vqvpuu6smp] {
    text-align: center;
    width: 96px;
}

.members-empty-state[b-vqvpuu6smp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-8) var(--x-spacing-4);
    text-align: center;
    color: var(--x-color-muted-foreground);
}

.page-error-state[b-vqvpuu6smp] {
    text-align: center;
    padding: var(--x-spacing-12) var(--x-spacing-4);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-3);
}

.error-details[b-vqvpuu6smp] {
    margin-top: var(--x-spacing-3);
    text-align: left;
    max-width: 640px;
}

.error-details-summary[b-vqvpuu6smp] {
    cursor: pointer;
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
}

.error-details-trace[b-vqvpuu6smp] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    max-height: 200px;
    overflow: auto;
    white-space: pre-wrap;
    margin-top: var(--x-spacing-2);
}
/* /Components/Pages/WorkspaceProviderOverview.razor.rz.scp.css */
.loading-state[b-axfrkif51g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-16) 0;
}

/* Breadcrumb bar */
.breadcrumb-bar[b-axfrkif51g] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-5);
}

.breadcrumb-separator[b-axfrkif51g] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
}

.breadcrumb-item[b-axfrkif51g] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
}

/* Page header */
.page-header[b-axfrkif51g] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: var(--x-spacing-6);
}

.header-content[b-axfrkif51g] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-3);
}

.header-actions[b-axfrkif51g] {
    display: flex;
    gap: var(--x-spacing-2);
    flex-shrink: 0;
}

/* KPI Row */
.kpi-row[b-axfrkif51g] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--x-spacing-4);
    margin-bottom: var(--x-spacing-6);
}

.wpo-kpi-card[b-axfrkif51g] {
    padding: var(--x-spacing-5);
    align-items: flex-start;
}

/* Card Grid */
.provider-cards-grid[b-axfrkif51g] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--x-spacing-4);
}

/* Provider card layout */
.wpo-provider-card[b-axfrkif51g] {
    gap: var(--x-spacing-2);
}

.provider-card-top[b-axfrkif51g] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.provider-card-title-row[b-axfrkif51g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.provider-card-name[b-axfrkif51g] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.provider-card-details[b-axfrkif51g] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.provider-card-actions[b-axfrkif51g] {
    display: flex;
    gap: var(--x-spacing-2);
    padding-top: var(--x-spacing-1);
}

/* Table View */
.wpo-table-card[b-axfrkif51g] {
    gap: 0;
    padding: 0;
    overflow: hidden;
}

.provider-table-wrapper[b-axfrkif51g] {
    overflow-x: auto;
}

.provider-table[b-axfrkif51g] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--x-text-sm);
}

.provider-table th[b-axfrkif51g],
.provider-table td[b-axfrkif51g] {
    padding: var(--x-spacing-3) var(--x-spacing-4);
    text-align: left;
    border-bottom: 1px solid var(--x-color-border);
}

.provider-table th[b-axfrkif51g] {
    background: var(--x-color-background);
    color: var(--x-color-muted-foreground);
    font-weight: 600;
    font-size: var(--x-text-xs);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.provider-table tbody tr:hover[b-axfrkif51g] {
    background: var(--x-color-background);
}

.provider-name-cell[b-axfrkif51g] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

/* Responsive */
@media (max-width: 1024px) {
    .kpi-row[b-axfrkif51g] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .provider-cards-grid[b-axfrkif51g] {
        grid-template-columns: 1fr;
    }

    .page-header[b-axfrkif51g] {
        flex-direction: column;
        gap: var(--x-spacing-3);
    }

    .kpi-row[b-axfrkif51g] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Workspaces.razor.rz.scp.css */
/* Workspaces page — scoped styles */

.page-workspaces[b-2q641vd0iv] {
    background: var(--x-color-page-workspace);
    min-height: 100vh;
}

.stack-centered[b-2q641vd0iv] {
    padding: var(--x-spacing-8);
}

.workspace-grid[b-2q641vd0iv] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--x-spacing-4);
}

[b-2q641vd0iv] .card-workspace {
    transition: border-color var(--x-transition-normal), box-shadow var(--x-transition-normal);
}

[b-2q641vd0iv] .card-workspace:hover {
    border-color: var(--x-color-primary);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

@media (max-width: 640px) {
    .workspace-grid[b-2q641vd0iv] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Performance/DashboardAgentPerformanceTab.razor.rz.scp.css */
.agent-kpi-row[b-0lxj7kxucg] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--x-space-md);
}

.agent-execution-list[b-0lxj7kxucg] {
    display: flex;
    flex-direction: column;
    gap: var(--x-space-sm);
}

.agent-execution-header[b-0lxj7kxucg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-0lxj7kxucg] .agent-activity-label {
    font-weight: 600;
}

.agent-execution-meta[b-0lxj7kxucg] {
    display: flex;
    gap: var(--x-space-sm);
    align-items: center;
}

.agent-executions-section[b-0lxj7kxucg] {
    margin-top: var(--x-space-lg);
}
/* /Components/ProviderSettings/ActivityLogPanel.razor.rz.scp.css */
.activity-table[b-cvcd71eky8] {
    width: 100%;
    border-collapse: collapse;
}

.activity-table th[b-cvcd71eky8] {
    text-align: left;
    padding: var(--x-spacing-sm) var(--x-spacing-md);
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    border-bottom: 1px solid var(--x-color-border);
}

.activity-table td[b-cvcd71eky8] {
    padding: var(--x-spacing-sm) var(--x-spacing-md);
    border-bottom: 1px solid var(--x-color-border);
    vertical-align: middle;
}

.error-row[b-cvcd71eky8] {
    background: var(--x-color-muted);
}

.load-more[b-cvcd71eky8] {
    display: flex;
    justify-content: center;
    padding: var(--x-spacing-md) 0;
}
/* /Components/ProviderSettings/CredentialOverviewTab.razor.rz.scp.css */
/* Settings card gap override moved to app.css (child component boundary) */

.card-header-row[b-b2eluov6sr] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

/* API Key Section */
.api-key-section[b-b2eluov6sr] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.api-key-display[b-b2eluov6sr] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-2-5) var(--x-spacing-3);
    background: var(--x-color-background);
    border-radius: var(--x-radius-md);
    border: 1px solid var(--x-color-border);
}

.api-key-masked[b-b2eluov6sr] {
    /* XBLZ041: Cascadia / Fira / monospace stack — intentional masked-secret glyph.
       R-7 canonical-token SSOT: do NOT wrap --x-font-mono with a CSS fallback list. */
    font-family: var(--x-font-mono);
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    flex: 1;
    letter-spacing: 0.5px;
}

.api-key-actions[b-b2eluov6sr] {
    display: flex;
    gap: var(--x-spacing-1);
    flex-shrink: 0;
}

/* Form Grid */
.form-grid[b-b2eluov6sr] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--x-spacing-4);
}

.form-grid-2col[b-b2eluov6sr] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--x-spacing-3);
}

.info-item[b-b2eluov6sr] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-0-5);
}

.form-field[b-b2eluov6sr] {
    display: flex;
    flex-direction: column;
}

.form-actions[b-b2eluov6sr] {
    display: flex;
    gap: var(--x-spacing-3);
    padding-top: var(--x-spacing-2);
}

/* Rate Limit */
.rate-limit-row[b-b2eluov6sr] {
    display: flex;
    gap: var(--x-spacing-3);
    align-items: flex-end;
    grid-column: 1 / -1;
}

.rate-limit-value[b-b2eluov6sr] {
    flex: 1;
}

.rate-limit-per[b-b2eluov6sr] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    min-width: 120px;
}

/* Toggle Switch */
.toggle-row[b-b2eluov6sr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--x-spacing-2) 0;
}

.toggle-info[b-b2eluov6sr] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-0-5);
}

.toggle-switch[b-b2eluov6sr] {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
    flex-shrink: 0;
}

.toggle-switch input[b-b2eluov6sr] {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-slider[b-b2eluov6sr] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--x-color-border);
    border-radius: 24px;
    transition: background var(--x-transition-normal);
}

.toggle-slider[b-b2eluov6sr]::before {
    content: "";
    position: absolute;
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background: var(--x-color-card);
    border-radius: 50%;
    transition: transform var(--x-transition-normal);
}

.toggle-switch input:checked + .toggle-slider[b-b2eluov6sr] {
    background: var(--x-color-primary);
}

.toggle-switch input:checked + .toggle-slider[b-b2eluov6sr]::before {
    transform: translateX(20px);
}

/* Responsive */
@media (max-width: 768px) {
    .form-grid[b-b2eluov6sr] {
        grid-template-columns: 1fr;
    }

    .form-grid-2col[b-b2eluov6sr] {
        grid-template-columns: 1fr;
    }

    .rate-limit-row[b-b2eluov6sr] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/ProviderSettings/CredentialSidebar.razor.rz.scp.css */
/* Blazor scoped-CSS isolation: the rules in CredentialDetail.razor.css don't reach
   into this child component's [b-xxxxxx] scope, so the .detail-sidebar / .sidebar-*
   / .provider-info-header layout classes CredentialSidebar renders need their own
   scoped declarations here. */

.detail-sidebar[b-5q257a9fr1] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.sidebar-rows[b-5q257a9fr1] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.sidebar-row[b-5q257a9fr1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.provider-info-header[b-5q257a9fr1] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
}
/* /Components/ProviderSettings/ExecutionAnalyticsPanel.razor.rz.scp.css */
.analytics-summary[b-cpc2ak3q1d] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--x-spacing-md);
    padding: var(--x-spacing-md) 0;
}

.summary-item[b-cpc2ak3q1d] {
    text-align: center;
}

.error-list[b-cpc2ak3q1d] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-xs);
    margin-top: var(--x-spacing-sm);
}

.error-row[b-cpc2ak3q1d] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: var(--x-spacing-md);
    padding: var(--x-spacing-xs) var(--x-spacing-sm);
    border-radius: var(--x-radius-sm);
    background: var(--x-color-muted);
}
/* /Components/ProviderSettings/ModelApprovalGrid.razor.rz.scp.css */
.loading-state[b-pc9a7zvu6q],
.empty-state[b-pc9a7zvu6q] {
    padding: var(--x-spacing-lg);
    text-align: center;
}

.model-grid-header[b-pc9a7zvu6q] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--x-spacing-md);
    margin-bottom: var(--x-spacing-md);
}

.header-controls[b-pc9a7zvu6q] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-md);
}

.model-table[b-pc9a7zvu6q] {
    width: 100%;
    border-collapse: collapse;
}

.model-table th[b-pc9a7zvu6q] {
    text-align: left;
    padding: var(--x-spacing-sm) var(--x-spacing-md);
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    border-bottom: 1px solid var(--x-color-border);
}

.model-table td[b-pc9a7zvu6q] {
    padding: var(--x-spacing-sm) var(--x-spacing-md);
    border-bottom: 1px solid var(--x-color-border);
    vertical-align: middle;
}

.capabilities-cell[b-pc9a7zvu6q] {
    display: flex;
    gap: var(--x-spacing-xs);
    flex-wrap: wrap;
}

.checkbox-col[b-pc9a7zvu6q] {
    width: 40px;
    text-align: center;
}

.selected-row[b-pc9a7zvu6q] {
    background-color: var(--x-color-card));
}

.bulk-action-bar[b-pc9a7zvu6q] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--x-spacing-sm) var(--x-spacing-md);
    margin-bottom: var(--x-spacing-sm);
    background-color: var(--x-color-card);
    border-radius: var(--x-color-border);
    border: 1px solid var(--x-color-border);
}

.bulk-actions[b-pc9a7zvu6q] {
    display: flex;
    gap: var(--x-spacing-sm);
    align-items: center;
}

.capability-filters[b-pc9a7zvu6q] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-sm);
    margin-bottom: var(--x-spacing-md);
    flex-wrap: wrap;
}

.capability-filter-btn[b-pc9a7zvu6q] {
    padding: var(--x-spacing-1) var(--x-spacing-3);
    border-radius: var(--x-color-border);
    font-size: var(--x-text-xs);
    cursor: pointer;
    border: 1px solid var(--x-color-border);
    background: var(--x-color-card);
    color: var(--x-color-muted-foreground);
    transition: all var(--x-transition-normal);
}

.capability-filter-btn:hover[b-pc9a7zvu6q] {
    border-color: var(--x-color-ring);
}

.filter-yes[b-pc9a7zvu6q] {
    background: var(--x-color-info-muted);
    border-color: var(--x-color-info);
    color: var(--x-color-info);
}

.filter-no[b-pc9a7zvu6q] {
    background: var(--x-color-card);
    border-color: var(--x-color-border);
    color: var(--x-color-muted-foreground);
    text-decoration: line-through;
}

.filter-clear[b-pc9a7zvu6q] {
    background: none;
    border: none;
    color: var(--x-color-primary);
    text-decoration: underline;
    padding: var(--x-spacing-1) var(--x-spacing-2);
}

.sortable-header[b-pc9a7zvu6q] {
    cursor: pointer;
    user-select: none;
}

.sortable-header:hover[b-pc9a7zvu6q] {
    color: var(--x-color-foreground);
}

.price-bar[b-pc9a7zvu6q] {
    height: 4px;
    margin-top: var(--x-spacing-0-5);
    border-radius: var(--x-radius-sm);
    background: var(--x-color-info);
    opacity: 0.5;
    max-width: 80px;
}
/* /Components/ProviderSettings/ProviderCard.razor.rz.scp.css */
/* ProviderCard - Molecule: AI provider info card */
.provider-card-top[b-k97q0huz07] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.provider-card-title-row[b-k97q0huz07] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.provider-card-details[b-k97q0huz07] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    flex: 1;
}

.provider-card-detail-row[b-k97q0huz07] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.provider-card-actions[b-k97q0huz07] {
    padding-top: var(--x-spacing-2);
    border-top: 1px solid var(--x-color-border);
    display: flex;
    gap: var(--x-spacing-2);
    margin-top: auto;
}
/* /Components/ProviderSettings/ProviderIcon.razor.rz.scp.css */
.provider-icon[b-2zkagazbnl] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--x-radius-md);
    font-weight: 700;
    color: var(--x-color-primary-foreground);
    flex-shrink: 0;
    background: var(--x-color-muted-foreground);
}

.provider-icon-small[b-2zkagazbnl] {
    width: 28px;
    height: 28px;
    font-size: var(--x-text-xxs);
    border-radius: var(--x-radius-md);
}

.provider-icon-medium[b-2zkagazbnl] {
    width: 36px;
    height: 36px;
    font-size: var(--x-text-sm);
}

.provider-icon-large[b-2zkagazbnl] {
    width: 44px;
    height: 44px;
    font-size: var(--x-text-sm);
}

/* Provider-specific colors */
/* XBLZ043: brand identity colours, third-party AI providers (OpenAI / Anthropic / etc.) */
.provider-icon-openai[b-2zkagazbnl] { background: #10a37f; }
.provider-icon-anthropic[b-2zkagazbnl] { background: #d4a574; }
.provider-icon-google_gemini[b-2zkagazbnl] { background: #4285f4; }
.provider-icon-openrouter[b-2zkagazbnl] { background: #6366f1; }
.provider-icon-groq[b-2zkagazbnl] { background: #f55036; }
.provider-icon-mistral[b-2zkagazbnl] { background: #ff7000; }
.provider-icon-perplexity[b-2zkagazbnl] { background: #20808d; }
.provider-icon-litellm[b-2zkagazbnl] { background: #1a73e8; }
.provider-icon-azure[b-2zkagazbnl] { background: #0078d4; }
.provider-icon-aws[b-2zkagazbnl] { background: #ff9900; }
.provider-icon-ollama[b-2zkagazbnl] { background: var(--x-color-card-hover); }
.provider-icon-self_hosted[b-2zkagazbnl] { background: var(--x-color-muted-foreground); }
/* /Components/ProviderSettings/ProviderSettingsRoutinesView.razor.rz.scp.css */
.profile-direct-override-label[b-li42yhqvs8] {
    color: var(--x-color-muted-foreground);
}

/* Blazor scoped-CSS isolation: the rules in ProviderSettings.razor.css don't
   reach into this child component's [b-xxxxxx] scope, so the .kpi-cards,
   .matrix-header and .matrix-legend / .legend-item layout classes
   ProviderSettingsRoutinesView renders need their own scoped declarations here. */

.kpi-cards[b-li42yhqvs8] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--x-spacing-4);
    margin-bottom: var(--x-spacing-6);
}

.matrix-header[b-li42yhqvs8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.matrix-legend[b-li42yhqvs8] {
    display: flex;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-3) 0 var(--x-spacing-1);
    flex-wrap: wrap;
}

.legend-item[b-li42yhqvs8] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
}
/* /Components/Research/ResearchRunStartModal.razor.rz.scp.css */
/* ================================================
   Voice Bundle D (V-05-M) — Research Run Start Modal
   Uses --x-* canonical tokens
   ================================================ */

.research-modal-body[b-ia2dckr2zn] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.research-modal-help[b-ia2dckr2zn] {
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    line-height: 1.5;
}

.research-modal-error[b-ia2dckr2zn] {
    margin-top: var(--x-spacing-2);
}

.research-modal-section-title[b-ia2dckr2zn] {
    display: block;
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: var(--x-spacing-2);
}

.research-modal-actors[b-ia2dckr2zn] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.research-modal-actor-row[b-ia2dckr2zn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    background-color: var(--x-color-card);
}

.research-modal-actor-cost[b-ia2dckr2zn] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.research-modal-budget[b-ia2dckr2zn] {
    margin-top: var(--x-spacing-2);
}

.research-modal-actions[b-ia2dckr2zn] {
    display: flex;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
}
/* /Components/Settings/AiProfileManagementCard.razor.rz.scp.css */
/* Blazor scoped-CSS isolation: the rules in AiSettings.razor.css don't reach
   into this child component's [b-xxxxxx] scope, so the .card-header,
   .card-title-section and .form-grid/.form-actions layout classes
   AiProfileManagementCard renders need their own scoped declarations here. */

.card-header[b-azwkxzfxrp] {
    padding: var(--x-spacing-5) var(--x-spacing-6);
    background: var(--x-color-muted);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--x-spacing-4);
}

.card-title-section[b-azwkxzfxrp] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-4);
}

.profile-form[b-azwkxzfxrp] {
    padding: var(--x-spacing-4) var(--x-spacing-6);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.form-grid[b-azwkxzfxrp] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--x-spacing-3);
}

.form-actions[b-azwkxzfxrp] {
    display: flex;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
}

.action-buttons[b-azwkxzfxrp] {
    display: flex;
    gap: var(--x-spacing-1);
}

.loading-state[b-azwkxzfxrp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-16);
    color: var(--x-color-muted-foreground);
}

@media (max-width: 768px) {
    .form-grid[b-azwkxzfxrp] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Settings/AiProviderCard.razor.rz.scp.css */
/* Blazor scoped-CSS isolation: the rules in AiSettings.razor.css don't reach
   into this child component's [b-xxxxxx] scope, so the .provider-* layout
   classes AiProviderCard renders need their own scoped declarations here. */

.provider-card[b-46ju6ww08x] {
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    overflow: hidden;
    transition: border-color var(--x-transition-normal);
}

.provider-card:hover[b-46ju6ww08x] {
    border-color: var(--x-color-border);
}

.provider-disabled[b-46ju6ww08x] {
    opacity: 0.6;
}

.provider-header[b-46ju6ww08x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--x-spacing-4);
    background: var(--x-color-muted);
}

.provider-info[b-46ju6ww08x] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
}

.provider-info .provider-name[b-46ju6ww08x] {
    font-weight: 600;
    font-size: var(--x-text-sm);
}

.provider-status[b-46ju6ww08x] {
    display: block;
    margin-top: var(--x-spacing-0-5);
}

.provider-body[b-46ju6ww08x] {
    padding: var(--x-spacing-4);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.provider-field[b-46ju6ww08x] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1-5);
}

.api-key-input[b-46ju6ww08x] {
    display: flex;
    gap: var(--x-spacing-1);
}

.provider-footer[b-46ju6ww08x] {
    display: flex;
    justify-content: flex-end;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-3) var(--x-spacing-4);
    background: var(--x-color-muted);
    border-top: 1px solid var(--x-color-border);
}

@media (max-width: 768px) {
    .provider-header[b-46ju6ww08x] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--x-spacing-3);
    }
}

@media (prefers-reduced-motion: reduce) {
    .provider-card[b-46ju6ww08x] {
        transition: none;
    }
}
/* /Components/Settings/AiSettingsBudgetCard.razor.rz.scp.css */
/* Blazor scoped-CSS isolation: the rules in AiSettings.razor.css don't reach
   into this child component's [b-xxxxxx] scope, so the .card-*, .form-*,
   .meter-*, .provider-usage-*, .provider-stats and .budget-* layout classes
   AiSettingsBudgetCard renders need their own scoped declarations here. */

.card-header[b-gstou82s7i] {
    padding: var(--x-spacing-5) var(--x-spacing-6);
    background: var(--x-color-muted);
}

.card-title-section[b-gstou82s7i] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-4);
}

.card-footer[b-gstou82s7i] {
    padding: var(--x-spacing-4) var(--x-spacing-6);
    background: var(--x-color-muted);
    display: flex;
    justify-content: flex-end;
    gap: var(--x-spacing-2);
}

.settings-form[b-gstou82s7i] {
    padding: var(--x-spacing-2) var(--x-spacing-6);
}

.form-row[b-gstou82s7i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--x-spacing-4) 0;
    gap: var(--x-spacing-6);
}

.form-label[b-gstou82s7i] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    flex: 1;
}

.form-help[b-gstou82s7i] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.budget-overview[b-gstou82s7i] {
    padding: var(--x-spacing-6);
}

.budget-meter[b-gstou82s7i] {
    margin-bottom: var(--x-spacing-4);
}

.meter-header[b-gstou82s7i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--x-spacing-2);
}

.meter-footer[b-gstou82s7i] {
    display: flex;
    justify-content: space-between;
    margin-top: var(--x-spacing-2);
    font-size: var(--x-text-sm);
}

.provider-usage-list[b-gstou82s7i] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.provider-usage-item[b-gstou82s7i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--x-spacing-2) var(--x-spacing-3);
    background: var(--x-color-muted);
    border-radius: var(--x-radius-md);
}

/* Phase 147 Bundle O — per-provider rollup with per-model sub-rows */
.provider-usage-group[b-gstou82s7i] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.provider-usage-item--rollup[b-gstou82s7i] {
    font-weight: var(--x-font-weight-semibold);
}

.provider-usage-item--model[b-gstou82s7i] {
    background: transparent;
    padding: var(--x-spacing-1) var(--x-spacing-3);
    padding-left: var(--x-spacing-6);
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.model-name[b-gstou82s7i] {
    font-family: ui-monospace, 'Cascadia Mono', 'SF Mono', Menlo, monospace;
}

.provider-stats[b-gstou82s7i] {
    display: flex;
    gap: var(--x-spacing-4);
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
}

@media (max-width: 768px) {
    .form-row[b-gstou82s7i] {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Phase 172-UX-3 / S7 — Refusals (30 d) chip + last-refusal relative time.
   Token-only: spacing, colour, text-size all bound to the Xablu --x-* tokens
   so the chip honours theme + density without inline values. */
.refusals-30d[b-gstou82s7i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-3) var(--x-spacing-4);
    margin-top: var(--x-spacing-3);
    background: var(--x-color-muted);
    border-radius: var(--x-radius-md);
}

.refusals-30d__label[b-gstou82s7i] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
}

.refusals-30d__value[b-gstou82s7i] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    font-size: var(--x-text-sm);
}

.refusals-30d__last[b-gstou82s7i] {
    color: var(--x-color-muted-foreground);
}

.refusals-30d__last--pending[b-gstou82s7i] {
    font-style: italic;
}
/* /Components/Settings/AiSettingsEditorialGateCard.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=Settings | Bounded-Context=Settings.AiSettings.EditorialGate | Phase=132.C */

.editorial-gate-policy__rows[b-e58abirgxo] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-md);
}

.editorial-gate-policy__row[b-e58abirgxo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-md);
    padding: var(--x-spacing-sm) 0;
}

.editorial-gate-policy__row-label[b-e58abirgxo] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-xs);
    flex: 1;
}

.editorial-gate-policy__row-value[b-e58abirgxo] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-sm);
    min-width: 80px;
    justify-content: flex-end;
}

.editorial-gate-policy__footer[b-e58abirgxo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-md);
    padding-top: var(--x-spacing-sm);
}
/* /Components/Settings/AiSettingsGeneralCard.razor.rz.scp.css */
/* Blazor scoped-CSS isolation: the rules in AiSettings.razor.css don't reach
   into this child component's [b-xxxxxx] scope, so the .card-*, .form-* layout
   classes AiSettingsGeneralCard renders need their own scoped declarations here. */

.card-header[b-kmlt3yeoq5] {
    padding: var(--x-spacing-5) var(--x-spacing-6);
    background: var(--x-color-muted);
}

.card-title-section[b-kmlt3yeoq5] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-4);
}

.card-footer[b-kmlt3yeoq5] {
    padding: var(--x-spacing-4) var(--x-spacing-6);
    background: var(--x-color-muted);
    display: flex;
    justify-content: flex-end;
    gap: var(--x-spacing-2);
}

.settings-form[b-kmlt3yeoq5] {
    padding: var(--x-spacing-2) var(--x-spacing-6);
}

.form-row[b-kmlt3yeoq5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--x-spacing-4) 0;
    gap: var(--x-spacing-6);
}

.form-label[b-kmlt3yeoq5] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    flex: 1;
}

.form-help[b-kmlt3yeoq5] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

@media (max-width: 768px) {
    .form-row[b-kmlt3yeoq5] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Settings/DigestHistoryPanel.razor.rz.scp.css */
.digest-history[b-izi3ki07ov] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-5);
}

/* Phase 146 Bundle D — filter strip above the table */
.digest-filter-bar[b-izi3ki07ov] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
}

.digest-filter-label[b-izi3ki07ov] {
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    font-size: var(--x-text-xxs);
    letter-spacing: 0.04em;
}

.digest-loading-state[b-izi3ki07ov] {
    display: flex;
    justify-content: center;
    padding: var(--x-spacing-8);
}

.digest-table[b-izi3ki07ov] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    overflow: hidden;
}

/* Phase 146 Bundle D — added an expand-toggle column (24px) before Type and a
   Subject column at the end. Total: 7 columns. */
.digest-table-header[b-izi3ki07ov] {
    display: grid;
    grid-template-columns: 24px 80px 160px 1fr 100px 120px minmax(180px, 1.5fr);
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-3) var(--x-spacing-4);
    background: var(--x-color-muted);
    font-size: var(--x-text-xs);
    font-weight: 600;
    text-transform: uppercase;
    color: var(--x-color-muted-foreground);
}

.digest-table-row[b-izi3ki07ov] {
    display: grid;
    grid-template-columns: 24px 80px 160px 1fr 100px 120px minmax(180px, 1.5fr);
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-3) var(--x-spacing-4);
    border-top: 1px solid var(--x-color-border);
    font-size: var(--x-text-sm);
    align-items: center;
}

.digest-table-row:hover[b-izi3ki07ov] {
    background: var(--x-color-muted);
}

.digest-table-row--expanded[b-izi3ki07ov] {
    background: var(--x-color-muted);
    border-bottom: 1px solid var(--x-color-border);
}

.digest-row-toggle[b-izi3ki07ov] {
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    color: var(--x-color-muted-foreground);
    display: flex;
    align-items: center;
    justify-content: center;
}

.digest-row-toggle:hover[b-izi3ki07ov] {
    color: var(--x-color-foreground);
}

.email-cell[b-izi3ki07ov],
.digest-subject-cell[b-izi3ki07ov] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.digest-subject-cell[b-izi3ki07ov] {
    color: var(--x-color-muted-foreground);
}

.digest-paging[b-izi3ki07ov] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-3);
    padding-top: var(--x-spacing-3);
}

.digest-paging-info[b-izi3ki07ov] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

@media (max-width: 1024px) {
    .digest-table-header[b-izi3ki07ov],
    .digest-table-row[b-izi3ki07ov] {
        grid-template-columns: 1fr 1fr;
    }

    .digest-table-header span:nth-child(n+3)[b-izi3ki07ov],
    .digest-table-row span:nth-child(n+3)[b-izi3ki07ov] {
        display: none;
    }
}
/* /Components/Settings/DigestPreferencesPanel.razor.rz.scp.css */
.digest-preferences[b-f6r57ls4pk] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-6);
}

.preference-section[b-f6r57ls4pk] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.frequency-options[b-f6r57ls4pk] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--x-spacing-3);
}

.frequency-option[b-f6r57ls4pk] {
    padding: var(--x-spacing-4);
    border: 2px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    cursor: pointer;
    transition: border-color var(--x-transition-normal);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.frequency-option:hover[b-f6r57ls4pk] {
    border-color: var(--x-color-primary);
}

.frequency-option.selected[b-f6r57ls4pk] {
    border-color: var(--x-color-primary);
    background: var(--x-color-primary-muted);
}

.content-toggles[b-f6r57ls4pk] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.toggle-item[b-f6r57ls4pk] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    cursor: pointer;
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
}

.toggle-item input[type="checkbox"][b-f6r57ls4pk] {
    width: 18px;
    height: 18px;
    accent-color: var(--x-color-primary);
}

.preference-actions[b-f6r57ls4pk] {
    display: flex;
    gap: var(--x-spacing-3);
    padding-top: var(--x-spacing-2);
}
/* /Components/Settings/DigestRowExpansion.razor.rz.scp.css */
/* Phase 146 Bundle D — per-digest expansion strip. Sits as a sibling
   element inside the digest-table flex column, just under the expanded
   row. Visually grouped with the row via shared muted background. */

.digest-row-expansion[b-33ah7rwv43] {
    padding: var(--x-spacing-3) var(--x-spacing-4) var(--x-spacing-4) var(--x-spacing-12);
    background: var(--x-color-muted);
    border-bottom: 1px solid var(--x-color-border);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.digest-row-expansion-grid[b-33ah7rwv43] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--x-spacing-3);
}

.digest-row-expansion-pair[b-33ah7rwv43] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-0-5);
    min-width: 0;
}

.digest-row-expansion-pair--wide[b-33ah7rwv43] {
    grid-column: 1 / -1;
}

.digest-row-expansion-label[b-33ah7rwv43] {
    font-size: var(--x-text-xxs);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--x-color-muted-foreground);
}

.digest-row-expansion-value[b-33ah7rwv43] {
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    word-break: break-word;
}

.digest-row-expansion-value--subject[b-33ah7rwv43] {
    font-weight: var(--x-font-weight-medium);
}

.digest-row-expansion-value--mono[b-33ah7rwv43] {
    font-family: ui-monospace, 'Cascadia Mono', 'SF Mono', Menlo, monospace;
    font-size: var(--x-text-xs);
}

.digest-row-expansion-value--counts[b-33ah7rwv43] {
    font-variant-numeric: tabular-nums;
}

.digest-row-expansion-value--retry[b-33ah7rwv43] {
    color: var(--x-color-warning);
    font-weight: var(--x-font-weight-medium);
}

.digest-row-expansion-value--channels[b-33ah7rwv43] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-1);
}

.digest-row-expansion-error[b-33ah7rwv43] {
    padding: var(--x-spacing-3);
    background: var(--x-color-destructive-muted);
    border-radius: var(--x-radius-sm);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.digest-row-expansion-error-label[b-33ah7rwv43] {
    color: var(--x-color-destructive);
    text-transform: uppercase;
    font-size: var(--x-text-xxs);
    letter-spacing: 0.04em;
    margin: 0;
}

.digest-row-expansion-error-body[b-33ah7rwv43] {
    margin: 0;
    font-size: var(--x-text-sm);
    color: var(--x-color-destructive);
    line-height: 1.5;
}
/* /Components/Settings/NotificationCategoryPreferences.razor.rz.scp.css */
/* NotificationCategoryPreferences — per-category notification toggles */

.notif-cat-prefs[b-rgwsqk07dj] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

/* Phase 147 — flag-and-block warning. Sits between page header and the
   toggle grid so the operator can't miss the "your changes won't persist"
   signal before interacting. */
.notif-cat-warning[b-rgwsqk07dj] {
    margin-top: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-3);
}

/* Column header row (spacer | Email | In-App | Frequency) */
.notif-cat-header[b-rgwsqk07dj] {
    display: flex;
    align-items: center;
    padding: var(--x-spacing-2) 0 var(--x-spacing-1);
    border-bottom: 1px solid var(--x-color-border);
}

.notif-cat-header-spacer[b-rgwsqk07dj] {
    flex: 1;
    min-width: 0;
}

.notif-cat-header-label[b-rgwsqk07dj] {
    width: 80px;
    flex-shrink: 0;
    text-align: center;
    font-size: var(--x-text-xs);
    font-weight: 600;
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Section grouping */
.notif-cat-section[b-rgwsqk07dj] {
    margin-top: var(--x-spacing-4);
}

.notif-cat-section-title[b-rgwsqk07dj] {
    margin-bottom: var(--x-spacing-1);
}

/* Control strip inside each XSettingsRow */
.notif-cat-controls[b-rgwsqk07dj] {
    display: flex;
    align-items: center;
    gap: 0;
}

/* Toggle column width overrides moved to app.css (child component boundary) */

/* Actions bar */
.notif-cat-actions[b-rgwsqk07dj] {
    display: flex;
    justify-content: flex-end;
    padding-top: var(--x-spacing-5);
    margin-top: var(--x-spacing-2);
    border-top: 1px solid var(--x-color-border);
}

/* Dark theme */
[data-theme="dark"] .notif-cat-header[b-rgwsqk07dj] {
    border-bottom-color: var(--x-color-card-foreground);
}

[data-theme="dark"] .notif-cat-header-label[b-rgwsqk07dj] {
    color: var(--x-color-muted-foreground);
}

[data-theme="dark"] .notif-cat-actions[b-rgwsqk07dj] {
    border-top-color: var(--x-color-card-foreground);
}
/* /Components/Settings/RssHostPolicyTable.razor.rz.scp.css */
/* Phase 172 UX MR-UX-7 (S12) — RSS host policy table styles. Tokens-only. */

.host-policy[b-5sx9eayxkv] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.host-policy-add[b-5sx9eayxkv] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-4);
    background: var(--x-color-muted);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
}

.host-policy-add-fields[b-5sx9eayxkv] {
    display: grid;
    grid-template-columns: 2fr 1fr 2fr;
    gap: var(--x-spacing-3);
}

.host-policy-add-actions[b-5sx9eayxkv] {
    display: flex;
    justify-content: flex-end;
}

.host-policy-add-button[b-5sx9eayxkv] {
    min-width: 10rem;
}

.host-policy-divider[b-5sx9eayxkv] {
    border: none;
    border-top: 1px solid var(--x-color-border);
    margin: 0;
}

.host-policy-loading[b-5sx9eayxkv],
.host-policy-empty[b-5sx9eayxkv] {
    padding: var(--x-spacing-5);
    color: var(--x-color-muted-foreground);
    background: var(--x-color-muted);
    border-radius: var(--x-radius-md);
    text-align: center;
}

.host-policy-table[b-5sx9eayxkv] {
    width: 100%;
    border-collapse: collapse;
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    overflow: hidden;
}

.host-policy-table thead th[b-5sx9eayxkv] {
    text-align: left;
    padding: var(--x-spacing-3);
    background: var(--x-color-muted);
    color: var(--x-color-card-foreground);
    font-weight: var(--x-font-weight-semibold);
    border-bottom: 1px solid var(--x-color-border);
}

.host-policy-table tbody td[b-5sx9eayxkv] {
    padding: var(--x-spacing-3);
    border-bottom: 1px solid var(--x-color-border);
    color: var(--x-color-card-foreground);
    vertical-align: top;
}

.host-policy-table tbody tr:last-child td[b-5sx9eayxkv] {
    border-bottom: none;
}

.host-policy-host[b-5sx9eayxkv] {
    font-weight: var(--x-font-weight-semibold);
}

.host-policy-notes[b-5sx9eayxkv] {
    color: var(--x-color-muted-foreground);
    max-width: 24rem;
}

.host-policy-added[b-5sx9eayxkv] {
    color: var(--x-color-muted-foreground);
}

.host-policy-actions-col[b-5sx9eayxkv] {
    width: 8rem;
    text-align: right;
}

.host-policy-remove-btn[b-5sx9eayxkv] {
    min-width: 6rem;
}

.host-policy-pill[b-5sx9eayxkv] {
    display: inline-block;
    padding: var(--x-spacing-1) var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-font-size-h4);
    line-height: var(--x-line-height-sm);
    font-weight: var(--x-font-weight-semibold);
}

.host-policy-pill-allow[b-5sx9eayxkv] {
    background: var(--x-color-success-muted);
    color: var(--x-color-success);
}

.host-policy-pill-block[b-5sx9eayxkv] {
    background: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
}

.host-policy-error[b-5sx9eayxkv] {
    padding: var(--x-spacing-3);
    background: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
    border: 1px solid var(--x-color-destructive);
    border-radius: var(--x-radius-md);
}
/* /Components/Settings/SubscriptionsSettingsTab.razor.rz.scp.css */
/* SDH: Layer=UI | Domain=Settings | Bounded-Context=Settings.Subscriptions */
/* Scoped styles for SubscriptionsSettingsTab — plan comparison cards, billing, payment. */

.subs-stab[b-fot5ufo7v1] {
    max-width: 1200px;
}

/* ── Section cards ── */
.subs-stab-card[b-fot5ufo7v1] {
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    padding: var(--x-spacing-6);
    margin-bottom: var(--x-spacing-6);
}

.subs-stab-section-title[b-fot5ufo7v1] {
    color: var(--x-color-foreground);
    margin: 0 0 var(--x-spacing-4);
}

.subs-stab-section-title--spaced[b-fot5ufo7v1] {
    margin-bottom: var(--x-spacing-4);
}

/* ── Current subscription grid ── */
.subs-stab-current-grid[b-fot5ufo7v1] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--x-spacing-6);
}

.subs-stab-meta-label[b-fot5ufo7v1] {
    display: block;
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--x-spacing-1);
}

.subs-stab-meta-value[b-fot5ufo7v1] {
    display: block;
    font-size: var(--x-text-base);
    font-weight: 600;
    color: var(--x-color-foreground);
}

/* ── Payment method ── */
.subs-stab-payment-header[b-fot5ufo7v1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--x-spacing-4);
}

.subs-stab-payment-header .subs-stab-section-title[b-fot5ufo7v1] {
    margin-bottom: 0;
}

.subs-stab-outline-btn[b-fot5ufo7v1] {
    background: transparent;
    color: var(--x-color-primary);
    border: 1px solid var(--x-color-primary);
    border-radius: var(--x-radius-md);
    padding: var(--x-spacing-2) var(--x-spacing-4);
    font-size: var(--x-text-sm);
    font-weight: 500;
    cursor: pointer;
    transition: background-color var(--x-transition-normal);
}

.subs-stab-outline-btn:hover[b-fot5ufo7v1] {
    background-color: var(--x-color-primary-muted);
}

.subs-stab-payment-row[b-fot5ufo7v1] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-4);
}

.subs-stab-card-icon[b-fot5ufo7v1] {
    background-color: var(--x-color-muted);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    padding: var(--x-spacing-3);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--x-color-primary);
}

.subs-stab-card-number[b-fot5ufo7v1] {
    display: block;
    font-size: var(--x-text-sm);
    font-weight: 500;
    color: var(--x-color-foreground);
    margin-bottom: var(--x-spacing-0-5);
}

.subs-stab-card-expiry[b-fot5ufo7v1] {
    display: block;
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
}

/* ── Billing history table ── */
.subs-stab-billing-table[b-fot5ufo7v1] {
    width: 100%;
    border-collapse: collapse;
}

.subs-stab-billing-table thead tr[b-fot5ufo7v1] {
    border-bottom: 1px solid var(--x-color-border);
}

.subs-stab-billing-table th[b-fot5ufo7v1] {
    text-align: left;
    padding: var(--x-spacing-3) 0;
    font-size: var(--x-text-xs);
    font-weight: 600;
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.subs-stab-th-right[b-fot5ufo7v1] {
    text-align: right;
}

.subs-stab-billing-table td[b-fot5ufo7v1] {
    padding: var(--x-spacing-3) 0;
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    border-bottom: 1px solid var(--x-color-border);
}

.subs-stab-billing-table tbody tr:last-child td[b-fot5ufo7v1] {
    border-bottom: none;
}

.subs-stab-td-right[b-fot5ufo7v1] {
    text-align: right;
}

.subs-stab-paid-badge[b-fot5ufo7v1] {
    display: inline-block;
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xs);
    font-weight: 500;
    background-color: var(--x-color-success-muted);
    color: var(--x-color-success);
}

/* ── Plan comparison cards grid ── */
.subs-stab-plans-grid[b-fot5ufo7v1] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--x-spacing-6);
    margin-bottom: var(--x-spacing-6);
}

/* ── Individual plan card (XCard overrides) ── */
.subs-stab-plan-card[b-fot5ufo7v1] {
    position: relative;
    transition: box-shadow var(--x-transition-normal), border-color var(--x-transition-normal);
}

.subs-stab-plan-card--current[b-fot5ufo7v1] {
    border: 2px solid var(--x-color-primary);
}

.subs-stab-plan-card:hover[b-fot5ufo7v1] {
    box-shadow: var(--x-elevation-md);
}

/* ── Plan card header ── */
.subs-stab-plan-header[b-fot5ufo7v1] {
    padding: 4px 0;
    width: 100%;
}

.subs-stab-plan-name-row[b-fot5ufo7v1] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-2);
}

.subs-stab-plan-name[b-fot5ufo7v1] {
    color: var(--x-color-foreground);
    margin: 0;
}

.subs-stab-plan-desc[b-fot5ufo7v1] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    line-height: 1.5;
    margin: 0 0 var(--x-spacing-4);
}

.subs-stab-plan-price-row[b-fot5ufo7v1] {
    display: flex;
    align-items: baseline;
    gap: var(--x-spacing-1);
}

.subs-stab-plan-price[b-fot5ufo7v1] {
    font-size: var(--x-text-2xl);
    font-weight: 600;
    color: var(--x-color-foreground);
}

.subs-stab-plan-period[b-fot5ufo7v1] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
}

/* ── Plan CTA button ── */
.subs-stab-plan-btn[b-fot5ufo7v1] {
    width: 100%;
    margin-bottom: var(--x-spacing-5);
}

/* ── Feature list ── */
.subs-stab-features[b-fot5ufo7v1] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.subs-stab-feature[b-fot5ufo7v1] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-2);
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    line-height: 1.5;
}

.subs-stab-feature--excluded[b-fot5ufo7v1] {
    color: var(--x-color-muted-foreground);
}

.subs-stab-feature-icon[b-fot5ufo7v1] {
    flex-shrink: 0;
    margin-top: var(--x-spacing-0-5);
}

.subs-stab-feature-icon--included[b-fot5ufo7v1] {
    color: var(--x-color-success);
}

.subs-stab-feature-icon--excluded[b-fot5ufo7v1] {
    color: var(--x-color-border);
}

/* ── Responsive: stack on smaller viewports ── */
@media (max-width: 1024px) {
    .subs-stab-plans-grid[b-fot5ufo7v1] {
        grid-template-columns: 1fr;
    }

    .subs-stab-current-grid[b-fot5ufo7v1] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/Settings/UsersSettingsTab.razor.rz.scp.css */
/* UsersSettingsTab — scoped styles (Phase 110 T1: identity + invite-link live in shared components) */

.users-stab-header[b-cs0u6jvmqf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--x-spacing-3);
    flex-wrap: wrap;
}

.users-stab-header-actions[b-cs0u6jvmqf] {
    display: flex;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
}

.users-stab-invite-card[b-cs0u6jvmqf] {
    background: var(--x-color-muted);
}

.users-stab-invite-row[b-cs0u6jvmqf] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: var(--x-spacing-3);
}

@media (max-width: 768px) {
    .users-stab-invite-row[b-cs0u6jvmqf] {
        grid-template-columns: 1fr;
    }
}

.users-stab-loading[b-cs0u6jvmqf] {
    text-align: center;
    padding: var(--x-spacing-8) 0;
    color: var(--x-color-muted-foreground);
}

.users-stab-table[b-cs0u6jvmqf] {
    width: 100%;
    border-collapse: collapse;
}

.users-stab-table th[b-cs0u6jvmqf] {
    text-align: left;
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border-bottom: 2px solid var(--x-color-border);
    font-size: var(--x-text-xs);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--x-color-muted-foreground);
}

.users-stab-table td[b-cs0u6jvmqf] {
    padding: var(--x-spacing-3);
    border-bottom: 1px solid var(--x-color-border);
    vertical-align: middle;
}

.users-stab-actions-col[b-cs0u6jvmqf] {
    width: 1%;
    white-space: nowrap;
}

.users-stab-actions-cell[b-cs0u6jvmqf] {
    display: flex;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
}

.users-stab-footer[b-cs0u6jvmqf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: var(--x-spacing-3);
    gap: var(--x-spacing-3);
}

.users-stab-count[b-cs0u6jvmqf] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
}

.widget-empty-state[b-cs0u6jvmqf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-6) var(--x-spacing-4);
    text-align: center;
    color: var(--x-color-muted-foreground);
}
/* /Components/Settings/VoiceDimensionRoutingMatrix.razor.rz.scp.css */
/* Phase 172 UX MR-UX-7 (S10) — routing-matrix table styles. Tokens-only. */

.routing-matrix[b-6ds3c93tx6] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.routing-matrix-loading[b-6ds3c93tx6],
.routing-matrix-empty[b-6ds3c93tx6] {
    padding: var(--x-spacing-4);
    color: var(--x-color-muted-foreground);
    background: var(--x-color-muted);
    border-radius: var(--x-radius-md);
}

.routing-matrix-table[b-6ds3c93tx6] {
    width: 100%;
    border-collapse: collapse;
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    overflow: hidden;
}

.routing-matrix-table thead th[b-6ds3c93tx6] {
    text-align: left;
    padding: var(--x-spacing-3);
    background: var(--x-color-muted);
    color: var(--x-color-card-foreground);
    font-weight: var(--x-font-weight-semibold);
    border-bottom: 1px solid var(--x-color-border);
}

.routing-matrix-table tbody td[b-6ds3c93tx6] {
    padding: var(--x-spacing-3);
    border-bottom: 1px solid var(--x-color-border);
    color: var(--x-color-card-foreground);
}

.routing-matrix-table tbody tr:last-child td[b-6ds3c93tx6] {
    border-bottom: none;
}

.routing-matrix-source[b-6ds3c93tx6] {
    font-weight: var(--x-font-weight-semibold);
}

.routing-matrix-dimension[b-6ds3c93tx6] {
    color: var(--x-color-muted-foreground);
}

.routing-matrix-na[b-6ds3c93tx6] {
    color: var(--x-color-muted-foreground);
    font-style: italic;
}

.routing-pill[b-6ds3c93tx6] {
    display: inline-block;
    padding: var(--x-spacing-1) var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-font-size-h4);
    line-height: var(--x-line-height-sm);
}

.routing-pill-success[b-6ds3c93tx6] {
    background: var(--x-color-success-muted);
    color: var(--x-color-success);
}

.routing-pill-warning[b-6ds3c93tx6] {
    background: var(--x-color-warning-muted);
    color: var(--x-color-warning-foreground);
}

.routing-pill-info[b-6ds3c93tx6] {
    background: var(--x-color-info-muted);
    color: var(--x-color-info);
}

.routing-pill-muted[b-6ds3c93tx6] {
    background: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
}

.routing-matrix-error[b-6ds3c93tx6] {
    padding: var(--x-spacing-3);
    background: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
    border: 1px solid var(--x-color-destructive);
    border-radius: var(--x-radius-md);
}
/* /Components/Shared/CollaborativePresenceIndicator.razor.rz.scp.css */
/* CollaborativePresenceIndicator — scoped styles (extracted from inline <style>) */

.presence-indicator[b-s10qugbypt] {
    display: inline-flex;
    align-items: center;
}

.presence-stack[b-s10qugbypt] {
    display: flex;
    flex-direction: row;
    position: relative;
}

.presence-avatar[b-s10qugbypt] {
    position: relative;
    border-radius: var(--x-radius-full);
    background-color: var(--x-color-muted);
    border: 2px solid var(--x-color-background);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
    cursor: default;
    transition: transform var(--x-transition-fast);
}

.presence-avatar:hover[b-s10qugbypt] {
    transform: scale(1.1);
    z-index: 100;
}

.presence-avatar img[b-s10qugbypt] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.avatar-initials[b-s10qugbypt] {
    font-size: var(--x-text-xxs);
}

.presence-overflow[b-s10qugbypt] {
    background-color: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xxs);
}

/* Activity states */
.presence-avatar.is-typing[b-s10qugbypt] { border-color: var(--x-color-primary); }
.presence-avatar.is-editing[b-s10qugbypt] { border-color: var(--x-color-warning-muted); }
.presence-avatar.is-reviewing[b-s10qugbypt] { border-color: var(--x-color-success-muted); }
.presence-avatar.is-waiting[b-s10qugbypt] { border-color: var(--x-color-border); animation: pulse-b-s10qugbypt 1.5s infinite; }
.presence-avatar.is-idle[b-s10qugbypt] { opacity: 0.7; }

/* Typing indicator dots */
.typing-indicator[b-s10qugbypt] {
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 2px;
    padding: 2px 4px;
    background-color: var(--x-color-primary);
    border-radius: var(--x-radius-lg);
}

.typing-indicator span[b-s10qugbypt] {
    width: 4px;
    height: 4px;
    background-color: var(--x-color-primary-foreground);
    border-radius: var(--x-radius-full);
    animation: typing-bounce-b-s10qugbypt 1.4s infinite ease-in-out;
}

.typing-indicator span:nth-child(1)[b-s10qugbypt] { animation-delay: 0s; }
.typing-indicator span:nth-child(2)[b-s10qugbypt] { animation-delay: 0.2s; }
.typing-indicator span:nth-child(3)[b-s10qugbypt] { animation-delay: 0.4s; }

@keyframes typing-bounce-b-s10qugbypt {
    0%, 80%, 100% { transform: scale(0.6); opacity: 0.5; }
    40% { transform: scale(1); opacity: 1; }
}

@keyframes pulse-b-s10qugbypt {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}
/* /Components/Shared/CollapsibleSection.razor.rz.scp.css */
.collapsible-section[b-oy7jtm1y61] {
    border-bottom: 1px solid var(--x-color-border);
}

.collapsible-header[b-oy7jtm1y61] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    width: 100%;
    padding: var(--x-spacing-3-5) 0;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
}

.collapsible-header:hover[b-oy7jtm1y61] {
    opacity: 0.8;
}

.collapsible-chevron[b-oy7jtm1y61] {
    display: inline-block;
    font-size: var(--x-text-lg);
    font-weight: bold;
    transition: transform var(--x-transition-normal);
    color: var(--x-color-muted-foreground);
}

.collapsible-chevron.expanded[b-oy7jtm1y61] {
    transform: rotate(90deg);
}

.collapsible-body[b-oy7jtm1y61] {
    padding: 0 0 var(--x-spacing-4) 0;
}
/* /Components/Shared/Cwc/XbCwcCountCards.razor.rz.scp.css */
.xb-cwc-count-cards[b-rxmt3f1e92] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--x-spacing-4);
}

.xb-cwc-count-card[b-rxmt3f1e92] {
    padding: var(--x-spacing-4);
    border-radius: var(--x-radius-card);
}

.xb-cwc-count-card--complaint[b-rxmt3f1e92] {
    background-color: var(--x-color-destructive-muted);
    border: 1px solid var(--x-color-destructive);
}

.xb-cwc-count-card--complaint .xb-cwc-count-label[b-rxmt3f1e92],
.xb-cwc-count-card--complaint .xb-cwc-count-value[b-rxmt3f1e92] {
    color: var(--x-color-destructive);
}

.xb-cwc-count-card--complaint .xb-cwc-count-subtitle[b-rxmt3f1e92] {
    color: var(--x-color-destructive-hover);
}

.xb-cwc-count-card--wish[b-rxmt3f1e92] {
    background-color: var(--x-color-info-muted);
    border: 1px solid var(--x-color-info);
}

.xb-cwc-count-card--wish .xb-cwc-count-label[b-rxmt3f1e92],
.xb-cwc-count-card--wish .xb-cwc-count-value[b-rxmt3f1e92] {
    color: var(--x-color-info);
}

.xb-cwc-count-card--wish .xb-cwc-count-subtitle[b-rxmt3f1e92] {
    color: var(--x-color-info);
}

.xb-cwc-count-card--concern[b-rxmt3f1e92] {
    background-color: var(--x-color-warning-muted);
    border: 1px solid var(--x-color-warning);
}

.xb-cwc-count-card--concern .xb-cwc-count-label[b-rxmt3f1e92],
.xb-cwc-count-card--concern .xb-cwc-count-value[b-rxmt3f1e92] {
    color: var(--x-color-warning);
}

.xb-cwc-count-card--concern .xb-cwc-count-subtitle[b-rxmt3f1e92] {
    color: var(--x-color-warning);
}

.xb-cwc-count-label[b-rxmt3f1e92] {
    display: block;
    font-size: var(--x-text-xs);
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: var(--x-spacing-2);
}

.xb-cwc-count-value[b-rxmt3f1e92] {
    display: block;
    font-size: var(--x-text-4xl);
    font-weight: 700;
    margin-bottom: var(--x-spacing-1);
}

.xb-cwc-count-subtitle[b-rxmt3f1e92] {
    display: block;
    font-size: var(--x-text-xs);
}
/* /Components/Shared/Lineage/XbLineageStrip.razor.rz.scp.css */
/* Phase 147 Bundle L — XbLineageStrip layout + colour treatment.
   All colours pulled from --x-color-* design tokens. No raw hex, no var(--x, fallback)
   patterns (theme is single source of truth; CsTokenMigrationGuardrail ratchet enforces). */

.xb-lineage-strip[b-qwcrp5ozvp] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--x-spacing-1);
    font-size: var(--x-text-xs);
    line-height: 1.2;
}

.xb-lineage-strip--compact[b-qwcrp5ozvp] {
    gap: 2px;
    font-size: var(--x-text-2xs);
}

.xb-lineage-strip__sep[b-qwcrp5ozvp] {
    color: var(--x-color-muted-foreground);
    font-weight: 600;
    padding: 0 2px;
}

.xb-lineage-strip__pill[b-qwcrp5ozvp] {
    display: inline-flex;
    align-items: baseline;
    gap: var(--x-spacing-1);
    padding: 2px var(--x-spacing-2);
    border-radius: var(--x-radius-pill);
    border: 1px solid transparent;
    background-color: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
    white-space: nowrap;
    font: inherit;
}

.xb-lineage-strip--compact .xb-lineage-strip__pill[b-qwcrp5ozvp] {
    padding: 1px var(--x-spacing-1);
}

.xb-lineage-strip__pill-kind[b-qwcrp5ozvp] {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 0.85em;
    opacity: 0.75;
}

.xb-lineage-strip__pill-label[b-qwcrp5ozvp] {
    color: var(--x-color-foreground);
    font-weight: 500;
}

.xb-lineage-strip__pill--clickable[b-qwcrp5ozvp] {
    cursor: pointer;
}

.xb-lineage-strip__pill--clickable:hover[b-qwcrp5ozvp],
.xb-lineage-strip__pill--clickable:focus[b-qwcrp5ozvp] {
    background-color: var(--x-color-primary-muted);
    border-color: var(--x-color-primary);
    outline: none;
}

/* Kind-specific accent — left border colour cues which chain link the pill represents. */
.xb-lineage-strip__pill--initiative[b-qwcrp5ozvp] {
    border-left: 3px solid var(--x-color-info);
}

.xb-lineage-strip__pill--planitem[b-qwcrp5ozvp] {
    border-left: 3px solid var(--x-color-secondary);
}

.xb-lineage-strip__pill--idea[b-qwcrp5ozvp] {
    border-left: 3px solid var(--x-color-warning);
}

.xb-lineage-strip__pill--brief[b-qwcrp5ozvp] {
    border-left: 3px solid var(--x-color-success);
}
/* /Components/Shared/MarkdownContent.razor.rz.scp.css */
/* Scoped markdown rendering styles for AI chat responses.
   ::deep required because MarkupString content is not Blazor-scoped. */

.md-content[b-fq21qs4szv] {
    font-size: inherit;
    line-height: 1.65;
    color: inherit;
}

.md-content[b-fq21qs4szv]  p {
    margin: 0 0 0.6em 0;
}

.md-content[b-fq21qs4szv]  p:last-child {
    margin-bottom: 0;
}

.md-content[b-fq21qs4szv]  h1,
.md-content[b-fq21qs4szv]  h2 {
    font-size: 1em;
    font-weight: 700;
    margin: 0.9em 0 0.3em 0;
    line-height: 1.3;
}

.md-content[b-fq21qs4szv]  h3 {
    font-size: 0.95em;
    font-weight: 700;
    margin: 0.8em 0 0.25em 0;
    line-height: 1.3;
}

.md-content[b-fq21qs4szv]  h4 {
    font-size: 0.9em;
    font-weight: 600;
    margin: 0.7em 0 0.2em 0;
}

.md-content[b-fq21qs4szv]  ul,
.md-content[b-fq21qs4szv]  ol {
    margin: 0.3em 0 0.6em 0;
    padding-left: 1.4em;
}

.md-content[b-fq21qs4szv]  li {
    margin-bottom: 0.25em;
    line-height: 1.5;
}

.md-content[b-fq21qs4szv]  li:last-child {
    margin-bottom: 0;
}

.md-content[b-fq21qs4szv]  strong {
    font-weight: 700;
}

.md-content[b-fq21qs4szv]  em {
    font-style: italic;
}

.md-content[b-fq21qs4szv]  code {
    /* XBLZ041: Consolas / Monaco / monospace stack — intentional code-fragment glyph.
       R-7 canonical-token SSOT: do NOT wrap --x-font-mono with a CSS fallback list.
       The token's value is owned by gotom8-theme.css; if it ever resolves empty
       (impossible under the import chain), the browser's default monospace is fine. */
    font-family: var(--x-font-mono);
    font-size: 0.88em;
    background: color-mix(in srgb, currentColor 10%, transparent);
    padding: 0.1em 0.35em;
    border-radius: 3px;
}

.md-content[b-fq21qs4szv]  pre {
    background: color-mix(in srgb, currentColor 8%, transparent);
    border-radius: var(--x-radius-md);
    padding: var(--x-spacing-2-5) var(--x-spacing-3);
    overflow-x: auto;
    margin: 0.5em 0;
}

.md-content[b-fq21qs4szv]  pre code {
    background: transparent;
    padding: 0;
    font-size: 0.85em;
}

.md-content[b-fq21qs4szv]  blockquote {
    border-left: 3px solid color-mix(in srgb, currentColor 30%, transparent);
    padding-left: 0.75em;
    margin: 0.5em 0;
    opacity: 0.85;
}

.md-content[b-fq21qs4szv]  a {
    color: var(--x-color-primary);
    text-decoration: underline;
}

.md-content[b-fq21qs4szv]  hr {
    border: none;
    border-top: 1px solid color-mix(in srgb, currentColor 15%, transparent);
    margin: 0.75em 0;
}

/* First element gets no top margin */
.md-content[b-fq21qs4szv]  > *:first-child {
    margin-top: 0;
}
/* /Components/Shared/Members/InviteLinkBanner.razor.rz.scp.css */
/* InviteLinkBanner — scoped styles */

.invite-link-card[b-p7841v9bta] {
    background: var(--x-color-info-muted);
    border: 1px solid var(--x-color-info);
}

.invite-link-banner[b-p7841v9bta] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
}

.invite-link-content[b-p7841v9bta] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.invite-link-label[b-p7841v9bta] {
    margin-bottom: var(--x-spacing-1);
}

.invite-link-url[b-p7841v9bta] {
    display: block;
    padding: var(--x-spacing-2) var(--x-spacing-3);
    background: var(--x-color-background);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    word-break: break-all;
    user-select: all;
    cursor: copy;
}
/* /Components/Shared/Members/MemberIdentityCell.razor.rz.scp.css */
/* MemberIdentityCell — scoped styles */

.member-identity[b-fa1b8fyjbs] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-3);
    min-width: 0;
}

.member-identity-text[b-fa1b8fyjbs] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-0-5);
    min-width: 0;
}

.member-identity-name[b-fa1b8fyjbs] {
    font-weight: 600;
    color: var(--x-color-foreground);
    line-height: 1.2;
}

.member-identity-sub[b-fa1b8fyjbs] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    line-height: 1.2;
}

.member-identity-footnote[b-fa1b8fyjbs] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    line-height: 1.2;
}

.member-identity-you[b-fa1b8fyjbs] {
    display: inline-block;
    width: fit-content;
    margin-top: var(--x-spacing-0-5);
    padding: 0 var(--x-spacing-1-5);
    font-size: var(--x-text-xxs);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--x-color-primary);
    background: var(--x-color-primary-muted);
    border-radius: var(--x-radius-full);
}
/* /Components/Shared/Provenance/XbClassifierFailureBadge.razor.rz.scp.css */
/* Phase 146 Bundle P — XbClassifierFailureBadge. Tonal severity colours from
   --x-color-* tokens; no raw hex, no fallback chains. */

.xb-classifier-failure[b-s105isgltg] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-1) var(--x-spacing-3);
    border-radius: var(--x-radius-pill);
    font-size: var(--x-text-xs);
    font-weight: 600;
    line-height: 1.2;
    border: 1px solid transparent;
    max-width: 100%;
}

.xb-classifier-failure__icon[b-s105isgltg] {
    font-size: 0.9em;
}

.xb-classifier-failure__label[b-s105isgltg] {
    font-weight: 700;
}

.xb-classifier-failure__detail[b-s105isgltg] {
    font-weight: 400;
    opacity: 0.85;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 280px;
    white-space: nowrap;
}

.xb-classifier-failure--danger[b-s105isgltg] {
    background-color: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
    border-color: var(--x-color-destructive);
}

.xb-classifier-failure--warning[b-s105isgltg] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning);
    border-color: var(--x-color-warning);
}

.xb-classifier-failure--muted[b-s105isgltg] {
    background-color: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
    border-color: var(--x-color-muted-foreground);
}
/* /Components/Shared/Provenance/XbConfidenceChip.razor.rz.scp.css */
/* Phase 146 Bundle P — XbConfidenceChip colour bands + layout.
   Colour ramp: <0.5 destructive / 0.5–0.7 warning / 0.7–0.85 warning-hover (amber) /
   >0.85 success. Tokens are canonical --x-* with no fallbacks per CsTokenMigration. */

.xb-confidence-chip[b-6ix1kcwo1b] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
    padding: 2px var(--x-spacing-2);
    border-radius: var(--x-radius-pill);
    font-size: var(--x-text-xs);
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    border: 1px solid transparent;
}

.xb-confidence-chip--bar[b-6ix1kcwo1b] {
    padding: 2px var(--x-spacing-2);
}

.xb-confidence-chip--number[b-6ix1kcwo1b] {
    background: none;
    border: none;
    padding: 0;
    font-family: var(--x-font-family-mono);
}

.xb-confidence-chip__dot[b-6ix1kcwo1b] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: currentColor;
    display: inline-block;
}

.xb-confidence-chip__bar[b-6ix1kcwo1b] {
    display: inline-block;
    width: 48px;
    height: 6px;
    border-radius: var(--x-radius-pill);
    background-color: var(--x-color-muted);
    overflow: hidden;
    position: relative;
}

.xb-confidence-chip__bar-fill[b-6ix1kcwo1b] {
    display: block;
    width: var(--xb-confidence-fill, 0%);
    height: 100%;
    background-color: currentColor;
    border-radius: var(--x-radius-pill);
    transition: width var(--x-transition-normal);
}

.xb-confidence-chip__value[b-6ix1kcwo1b] {
    font-feature-settings: "tnum";
}

.xb-confidence-chip__pct[b-6ix1kcwo1b] {
    font-size: 0.85em;
    font-weight: 500;
    margin-left: 1px;
}

.xb-confidence-chip__warning[b-6ix1kcwo1b] {
    color: var(--x-color-warning);
    font-weight: 700;
    margin-left: 2px;
}

/* Colour bands */
.xb-confidence-chip--high[b-6ix1kcwo1b] {
    background-color: var(--x-color-success-muted);
    color: var(--x-color-success);
    border-color: var(--x-color-success);
}

.xb-confidence-chip--yellow[b-6ix1kcwo1b] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning);
    border-color: var(--x-color-warning);
}

.xb-confidence-chip--amber[b-6ix1kcwo1b] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning);
    border-color: var(--x-color-warning);
}

.xb-confidence-chip--low[b-6ix1kcwo1b] {
    background-color: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
    border-color: var(--x-color-destructive);
}

/* Number variant: drop background/border, just keep colour band */
.xb-confidence-chip--number.xb-confidence-chip--high[b-6ix1kcwo1b] { color: var(--x-color-success); background: none; border: none; }
.xb-confidence-chip--number.xb-confidence-chip--yellow[b-6ix1kcwo1b] { color: var(--x-color-warning); background: none; border: none; }
.xb-confidence-chip--number.xb-confidence-chip--amber[b-6ix1kcwo1b] { color: var(--x-color-warning); background: none; border: none; }
.xb-confidence-chip--number.xb-confidence-chip--low[b-6ix1kcwo1b] { color: var(--x-color-destructive); background: none; border: none; }
/* /Components/Shared/Provenance/XbProvenanceBadge.razor.rz.scp.css */
/* Phase 146 Bundle P — XbProvenanceBadge layout + colour treatment.
   All colours pulled from --x-color-* design tokens. No raw hex.
   No `var(--x, fallback)` fallbacks — every token referenced is confirmed
   present in the theme by the CsTokenMigrationGuardrail ratchet. */

.xb-provenance-badge[b-1tlv3fnmx2] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--x-spacing-1);
    font-size: var(--x-text-xs);
    line-height: 1;
}

.xb-provenance-badge--compact[b-1tlv3fnmx2] {
    gap: 2px;
    font-size: var(--x-text-2xs);
}

.xb-provenance-badge__chip[b-1tlv3fnmx2] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
    padding: 2px var(--x-spacing-2);
    border-radius: var(--x-radius-pill);
    font-weight: 600;
    border: 1px solid transparent;
    white-space: nowrap;
}

.xb-provenance-badge--compact .xb-provenance-badge__chip[b-1tlv3fnmx2] {
    padding: 1px var(--x-spacing-1);
}

.xb-provenance-badge__icon[b-1tlv3fnmx2] {
    font-size: 0.85em;
}

.xb-provenance-badge__text[b-1tlv3fnmx2] {
    letter-spacing: 0.02em;
}

/* Origin variants */
.xb-provenance-badge__chip--origin-manual[b-1tlv3fnmx2] {
    background-color: var(--x-color-info-muted);
    color: var(--x-color-info);
    border-color: var(--x-color-info);
}

.xb-provenance-badge__chip--origin-ai[b-1tlv3fnmx2] {
    background-color: var(--x-color-primary-muted);
    color: var(--x-color-primary);
    border-color: var(--x-color-primary);
}

.xb-provenance-badge__chip--origin-imported[b-1tlv3fnmx2] {
    background-color: var(--x-color-secondary-muted);
    color: var(--x-color-secondary);
    border-color: var(--x-color-secondary);
}

.xb-provenance-badge__chip--origin-connector[b-1tlv3fnmx2] {
    background-color: var(--x-color-secondary-muted);
    color: var(--x-color-secondary);
    border-color: var(--x-color-secondary);
}

/* Review status variants */
.xb-provenance-badge__chip--review-pending[b-1tlv3fnmx2] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning);
    border-color: var(--x-color-warning);
}

.xb-provenance-badge__chip--review-inreview[b-1tlv3fnmx2] {
    background-color: var(--x-color-info-muted);
    color: var(--x-color-info);
    border-color: var(--x-color-info);
}

.xb-provenance-badge__chip--review-approved[b-1tlv3fnmx2] {
    background-color: var(--x-color-success-muted);
    color: var(--x-color-success);
    border-color: var(--x-color-success);
}

.xb-provenance-badge__chip--review-rejected[b-1tlv3fnmx2] {
    background-color: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
    border-color: var(--x-color-destructive);
}

.xb-provenance-badge__chip--review-needsrevision[b-1tlv3fnmx2] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning);
    border-color: var(--x-color-warning);
}

/* Trust variants */
.xb-provenance-badge__chip--trust-trusted[b-1tlv3fnmx2] {
    background-color: var(--x-color-success-muted);
    color: var(--x-color-success);
    border-color: var(--x-color-success);
}

.xb-provenance-badge__chip--trust-user[b-1tlv3fnmx2] {
    background-color: var(--x-color-info-muted);
    color: var(--x-color-info);
    border-color: var(--x-color-info);
}

.xb-provenance-badge__chip--trust-connector[b-1tlv3fnmx2] {
    background-color: var(--x-color-secondary-muted);
    color: var(--x-color-secondary);
    border-color: var(--x-color-secondary);
}

.xb-provenance-badge__chip--trust-public[b-1tlv3fnmx2] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning);
    border-color: var(--x-color-warning);
}

.xb-provenance-badge__chip--trust-ai[b-1tlv3fnmx2] {
    background-color: var(--x-color-primary-muted);
    color: var(--x-color-primary);
    border-color: var(--x-color-primary);
}

.xb-provenance-badge__chip--trust-unknown[b-1tlv3fnmx2] {
    background-color: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
    border-color: var(--x-color-muted-foreground);
}

.xb-provenance-badge__verified[b-1tlv3fnmx2] {
    color: var(--x-color-muted-foreground);
    font-style: italic;
}

.xb-provenance-badge__run-link[b-1tlv3fnmx2] {
    background: none;
    border: 1px solid var(--x-color-primary);
    color: var(--x-color-primary);
    padding: 1px var(--x-spacing-2);
    border-radius: var(--x-radius-pill);
    font-size: inherit;
    font-weight: 600;
    cursor: pointer;
    font-family: var(--x-font-family-mono);
}

.xb-provenance-badge__run-link:hover[b-1tlv3fnmx2],
.xb-provenance-badge__run-link:focus[b-1tlv3fnmx2] {
    background-color: var(--x-color-primary-muted);
    outline: none;
}
/* /Components/Shared/WorkflowTriggerButton.razor.rz.scp.css */
.workflow-trigger-button[b-xlstax05o8] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-space-2);
    flex-wrap: wrap;
}

.workflow-trigger-cost[b-xlstax05o8] {
    color: var(--x-text-muted);
    font-size: var(--x-text-xs);
    font-variant-numeric: tabular-nums;
}

.workflow-trigger-result[b-xlstax05o8] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: var(--x-text-sm);
    font-weight: 500;
}

.workflow-trigger-result.ok[b-xlstax05o8] {
    color: var(--x-color-success);
}

.workflow-trigger-result.err[b-xlstax05o8] {
    color: var(--x-color-danger);
}

.workflow-trigger-result .run-id[b-xlstax05o8] {
    color: var(--x-text-muted);
    font-weight: 400;
    font-family: var(--x-font-mono);
    font-size: var(--x-text-xs);
}

/* Phase 125 finding #1 — surface non-Implemented routine status. */
.workflow-trigger-status[b-xlstax05o8] {
    color: var(--x-text-muted);
    font-size: var(--x-text-xs);
    font-style: italic;
}

.workflow-trigger-status.deprecated[b-xlstax05o8] {
    color: var(--x-color-warning);
}
/* /Components/Shared/XbEmptyStatePresenter.razor.rz.scp.css */
/* XbEmptyStatePresenter Compact mode — inline empty-state for in-card
   sub-section contexts. The default (non-Compact) shape uses XEmptyState's
   own card styling and needs no consumer CSS. */

.xb-empty-state-compact[b-ovf35u5cos] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-2) 0;
}

.xb-empty-state-compact-icon[b-ovf35u5cos] {
    flex-shrink: 0;
    color: var(--x-color-muted-foreground);
    margin-top: var(--x-spacing-0-5);
}

.xb-empty-state-compact-body[b-ovf35u5cos] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-0-5);
    flex: 1;
}

.xb-empty-state-compact-title[b-ovf35u5cos] {
    color: var(--x-color-foreground);
}

.xb-empty-state-compact-desc[b-ovf35u5cos] {
    color: var(--x-color-muted-foreground);
}

.xb-empty-state-compact-actions[b-ovf35u5cos] {
    flex-shrink: 0;
    margin-left: var(--x-spacing-2);
}
/* /Components/Strategy/SWOTGrid.razor.rz.scp.css */
.swot-container[b-d78c1izhcg] {
    width: 100%;
    background: var(--x-color-background);
    border-radius: var(--x-radius-md);
    padding: var(--x-spacing-4);
}

.swot-header[b-d78c1izhcg] {
    margin-bottom: var(--x-spacing-4);
}

.swot-header h3[b-d78c1izhcg] {
    margin: 0;
    font-size: var(--x-text-lg);
    font-weight: 600;
    color: var(--x-color-foreground);
}

.swot-grid[b-d78c1izhcg] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--x-spacing-4);
    min-height: 400px;
}

.swot-quadrant[b-d78c1izhcg] {
    background: var(--x-color-muted);
    border-radius: var(--x-radius-md);
    padding: var(--x-spacing-4);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.swot-quadrant-header[b-d78c1izhcg] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding-bottom: var(--x-spacing-3);
    border-bottom: 2px solid var(--x-color-border);
}

.swot-quadrant-header h4[b-d78c1izhcg] {
    margin: 0;
    font-size: var(--x-text-base);
    font-weight: 600;
    color: var(--x-color-foreground);
}

/* Quadrant specific colors */
.swot-strengths[b-d78c1izhcg] {
    border-left: 4px solid var(--x-color-success);
}

.swot-strengths .swot-quadrant-header[b-d78c1izhcg] {
    border-bottom-color: var(--x-color-success);
}

.swot-weaknesses[b-d78c1izhcg] {
    border-left: 4px solid var(--x-color-warning);
}

.swot-weaknesses .swot-quadrant-header[b-d78c1izhcg] {
    border-bottom-color: var(--x-color-warning);
}

.swot-opportunities[b-d78c1izhcg] {
    border-left: 4px solid var(--x-color-primary);
}

.swot-opportunities .swot-quadrant-header[b-d78c1izhcg] {
    border-bottom-color: var(--x-color-primary);
}

.swot-threats[b-d78c1izhcg] {
    border-left: 4px solid var(--x-color-destructive);
}

.swot-threats .swot-quadrant-header[b-d78c1izhcg] {
    border-bottom-color: var(--x-color-destructive);
}

.swot-quadrant-content[b-d78c1izhcg] {
    flex: 1;
    overflow-y: auto;
}

.swot-list[b-d78c1izhcg] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.swot-list li[b-d78c1izhcg] {
    padding: var(--x-spacing-2) var(--x-spacing-3);
    background: var(--x-color-background);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-sm);
    line-height: 1.5;
    color: var(--x-color-foreground);
}

.swot-list li[b-d78c1izhcg]::before {
    content: "•";
    margin-right: var(--x-spacing-2);
    color: var(--x-color-primary);
    font-weight: bold;
}

.swot-empty[b-d78c1izhcg] {
    text-align: center;
    padding: var(--x-spacing-8) var(--x-spacing-4);
    color: var(--x-color-muted-foreground);
    font-style: italic;
}

@media (max-width: 1024px) {
    .swot-grid[b-d78c1izhcg] {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .swot-quadrant[b-d78c1izhcg] {
        min-height: 200px;
    }
}

@media (max-width: 768px) {
    .swot-container[b-d78c1izhcg] {
        padding: var(--x-spacing-3);
    }

    .swot-grid[b-d78c1izhcg] {
        gap: var(--x-spacing-3);
    }

    .swot-quadrant[b-d78c1izhcg] {
        padding: var(--x-spacing-3);
    }

    .swot-quadrant-header h4[b-d78c1izhcg] {
        font-size: var(--x-text-sm);
    }

    .swot-list li[b-d78c1izhcg] {
        font-size: var(--x-text-sm);
        padding: var(--x-spacing-1-5) var(--x-spacing-2-5);
    }
}
/* /Components/Voice/CompetitorAvatarBadge.razor.rz.scp.css */
/* Phase 144 §P144-20 — CompetitorAvatarBadge scoped styles.
   Consumes the typed `--avatar-bg` custom property emitted from the .razor
   surface (ConsumerColorContract canonical OWASP A03 mitigation pattern).
   Fallback colour is the neutral slate that previously lived in the inline
   ternary; CSS resolves the fallback when the variable is whitespace/empty. */
.competitor-avatar-badge[b-82a0e1sbjf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: var(--x-color-primary-foreground);
    font-weight: 600;
    background-color: var(--avatar-bg, var(--x-color-muted));
}
/* /Components/Voice/FounderVoiceVersionDiffPane.razor.rz.scp.css */
/* Phase 149 #6 — FounderVoiceVersionDiffPane + FieldDiff + PhraseListDiff styling. */

.fv-version-diff[b-n2d8lez2q6] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.fv-version-diff__header[b-n2d8lez2q6] {
    display: flex;
    align-items: baseline;
    gap: var(--x-spacing-2);
    padding-bottom: var(--x-spacing-2);
    border-bottom: 1px solid var(--x-color-border);
}

.fv-version-diff__compared-to[b-n2d8lez2q6] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    font-style: italic;
}

.fv-field-diff[b-n2d8lez2q6] {
    padding: var(--x-spacing-2) 0;
    border-bottom: 1px dashed var(--x-color-border);
}

.fv-field-diff__head[b-n2d8lez2q6] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-1);
}

.fv-field-diff__label[b-n2d8lez2q6] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
}

.fv-field-diff__current[b-n2d8lez2q6] {
    color: var(--x-color-foreground);
    line-height: 1.5;
}

.fv-field-diff__previous[b-n2d8lez2q6] {
    color: var(--x-color-muted-foreground);
    text-decoration: line-through;
    font-size: var(--x-text-sm);
    margin-top: var(--x-spacing-1);
}

.fv-field-diff__previous-prefix[b-n2d8lez2q6] {
    text-decoration: none;
    font-style: italic;
    margin-right: var(--x-spacing-1);
}

.fv-phrase-diff[b-n2d8lez2q6] {
    padding: var(--x-spacing-2) 0;
    border-bottom: 1px dashed var(--x-color-border);
}

.fv-phrase-diff__head[b-n2d8lez2q6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-2);
}

.fv-phrase-diff__label[b-n2d8lez2q6] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
}

.fv-phrase-diff__stats[b-n2d8lez2q6] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    font-variant-numeric: tabular-nums;
}

.fv-phrase-diff__empty[b-n2d8lez2q6] {
    color: var(--x-color-muted-foreground);
    font-style: italic;
}

.fv-phrase-diff__chips[b-n2d8lez2q6] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-spacing-1);
}

.fv-phrase-diff__chip[b-n2d8lez2q6] {
    padding: 2px var(--x-spacing-2);
    border-radius: var(--x-radius-pill);
    font-size: var(--x-text-xs);
    background: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
}

.fv-phrase-diff__chip--unchanged[b-n2d8lez2q6] {
    background: var(--x-color-muted);
    color: var(--x-color-foreground);
}

.fv-phrase-diff__chip--added-banned[b-n2d8lez2q6] {
    background: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
}

.fv-phrase-diff__chip--added-preferred[b-n2d8lez2q6] {
    background: var(--x-color-success-muted);
    color: var(--x-color-success);
}

.fv-phrase-diff__chip--removed[b-n2d8lez2q6] {
    background: var(--x-color-warning-muted);
    color: var(--x-color-warning);
    text-decoration: line-through;
}
/* /Components/Voice/FounderVoiceVersionNavigator.razor.rz.scp.css */
/* Phase 149 #6 — FounderVoiceVersionNavigator layout.
   All colours via canonical --x-color-* tokens. No raw hex, no var(--x, fallback). */

.fv-version-nav[b-qc2li3t3in] {
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
    background: var(--x-color-card);
    overflow: hidden;
}

.fv-version-nav__body[b-qc2li3t3in] {
    display: grid;
    grid-template-columns: 240px 1fr;
    min-height: 320px;
}

@media (max-width: 768px) {
    .fv-version-nav__body[b-qc2li3t3in] {
        grid-template-columns: 1fr;
    }
}

.fv-version-nav__list[b-qc2li3t3in] {
    border-right: 1px solid var(--x-color-border);
    background: var(--x-color-muted);
    overflow-y: auto;
    max-height: 480px;
}

.fv-version-nav__item[b-qc2li3t3in] {
    display: block;
    width: 100%;
    padding: var(--x-spacing-3);
    border: none;
    border-bottom: 1px solid var(--x-color-border);
    background: transparent;
    text-align: left;
    cursor: pointer;
    color: var(--x-color-foreground);
    font: inherit;
    transition: background-color var(--x-transition-fast);
}

.fv-version-nav__item:hover[b-qc2li3t3in],
.fv-version-nav__item:focus[b-qc2li3t3in] {
    background: var(--x-color-primary-muted);
    outline: none;
}

.fv-version-nav__item--selected[b-qc2li3t3in] {
    background: var(--x-color-primary-muted);
    border-left: 3px solid var(--x-color-primary);
}

.fv-version-nav__item-head[b-qc2li3t3in] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-1);
}

.fv-version-nav__item-label[b-qc2li3t3in] {
    font-weight: 600;
    color: var(--x-color-foreground);
}

.fv-version-nav__item-meta[b-qc2li3t3in] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.fv-version-nav__item-meta--muted[b-qc2li3t3in] {
    font-style: italic;
}

.fv-version-nav__diff[b-qc2li3t3in] {
    padding: var(--x-spacing-4);
    overflow-y: auto;
    max-height: 480px;
}
/* /Components/Wizard/CompetitorEditDialog.razor.rz.scp.css */
/* Blazor scoped-CSS isolation: the rules in GtmCompetitorsStagePanel.razor.css
   don't reach into this child component's [b-xxxxxx] scope, so the .wiz-stack
   and .wiz-dialog-actions layout classes CompetitorEditDialog renders need
   their own scoped declarations here. */

.wiz-stack[b-n2q4q5scxd] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.wiz-dialog-actions[b-n2q4q5scxd] {
    display: flex;
    flex-direction: row;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
    margin-top: var(--x-spacing-4);
}

.wiz-alert-mb[b-n2q4q5scxd] {
    margin-bottom: var(--x-spacing-4);
}
/* /Components/Wizard/CompetitorMatrixView.razor.rz.scp.css */
/* SDH: Layer=Ui | Domain=MarketIntelligence | Bounded-Context=CompetitorMatrix | Sprint=CM */
/* Sprint CM: Figma Make parity — rich competitor matrix */

/* Container */
.cmv-container[b-p5bhrnggd1] { display: flex; flex-direction: column; gap: var(--x-spacing-4); }

/* Empty State */
.cmv-empty[b-p5bhrnggd1] { display: flex; flex-direction: column; align-items: center; gap: var(--x-spacing-2); padding: var(--x-spacing-12) var(--x-spacing-6); background: var(--x-color-muted); border: 1px dashed var(--x-color-border); border-radius: var(--x-radius-md); }
.cmv-empty-icon[b-p5bhrnggd1] { font-size: 3rem; opacity: 0.4; }
.cmv-empty-title[b-p5bhrnggd1] { color: var(--x-color-muted-foreground); margin: 0; font-size: 1rem; }
.cmv-empty-hint[b-p5bhrnggd1] { color: var(--x-color-muted-foreground); font-size: var(--x-text-sm); }

/* Stats Bar */
.cmv-stats-bar[b-p5bhrnggd1] { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--x-spacing-3); }
.cmv-stat-card[b-p5bhrnggd1] { display: flex; align-items: center; gap: var(--x-spacing-3); padding: var(--x-spacing-4) var(--x-spacing-5); background: var(--x-color-background); border: 1px solid var(--x-color-border); border-radius: var(--x-radius-md); }
.cmv-stat-icon[b-p5bhrnggd1] { font-size: 1.2rem; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: var(--x-radius-md); }
.cmv-stat-icon--competitors[b-p5bhrnggd1] { background: var(--x-color-success-muted); }
.cmv-stat-icon--threat[b-p5bhrnggd1] { background: var(--x-color-warning-muted); }
.cmv-stat-icon--winrate[b-p5bhrnggd1] { background: var(--x-color-info-muted); }
.cmv-stat-icon--signals[b-p5bhrnggd1] { background: var(--x-color-ai-muted); }
.cmv-stat-content[b-p5bhrnggd1] { display: flex; flex-direction: column; }
.cmv-stat-label[b-p5bhrnggd1] { font-size: 0.7rem; font-weight: 600; color: var(--x-color-muted-foreground); letter-spacing: 0.5px; }
.cmv-stat-value[b-p5bhrnggd1] { font-size: var(--x-text-xl); font-weight: 700; color: var(--x-color-foreground); line-height: 1.2; }
.cmv-stat-delta[b-p5bhrnggd1] { font-size: var(--x-text-xs); font-weight: 500; margin-left: var(--x-spacing-1-5); }
.cmv-stat-delta--up[b-p5bhrnggd1] { color: var(--x-color-success); }

/* Filter Bar */
.cmv-filter-bar[b-p5bhrnggd1] { display: flex; align-items: center; gap: var(--x-spacing-3); }
.cmv-search[b-p5bhrnggd1] { flex: 1; max-width: 280px; }
.cmv-search-input[b-p5bhrnggd1] { width: 100%; padding: var(--x-spacing-2) var(--x-spacing-3); border: 1px solid var(--x-color-border); border-radius: var(--x-radius-md); font-size: var(--x-text-sm); background: var(--x-color-background); color: var(--x-color-foreground); }
.cmv-search-input[b-p5bhrnggd1]::placeholder { color: var(--x-color-muted-foreground); }
.cmv-filter-dropdown[b-p5bhrnggd1] { padding: var(--x-spacing-2) var(--x-spacing-3); border: 1px solid var(--x-color-border); border-radius: var(--x-radius-md); font-size: var(--x-text-sm); background: var(--x-color-background); color: var(--x-color-foreground); cursor: pointer; }
.cmv-view-toggle[b-p5bhrnggd1] { display: flex; margin-left: auto; gap: var(--x-spacing-0-5); }
.cmv-toggle-btn[b-p5bhrnggd1] { width: 36px; height: 36px; border: 1px solid var(--x-color-border); background: var(--x-color-background); cursor: pointer; font-size: 1rem; border-radius: var(--x-radius-md); color: var(--x-color-muted-foreground); }
.cmv-toggle-btn--active[b-p5bhrnggd1] { background: var(--x-color-primary); color: var(--x-color-primary-foreground); border-color: var(--x-color-primary); }


/* Card — inner layout only. Shell (background/border/radius) provided by <XCard>;
   ::deep is needed because XCard wraps content in its own .x-card div. */
[b-p5bhrnggd1] .cmv-card.x-card { padding: var(--x-spacing-5); cursor: pointer; transition: box-shadow var(--x-transition-normal), border-color var(--x-transition-normal); }
[b-p5bhrnggd1] .cmv-card.x-card:hover { box-shadow: var(--x-elevation-md); border-color: var(--x-color-primary); }
[b-p5bhrnggd1] .cmv-card.x-card > .x-card__content { display: flex; flex-direction: column; gap: var(--x-spacing-3); }

.cmv-card-header[b-p5bhrnggd1] { display: flex; justify-content: space-between; align-items: flex-start; }
.cmv-card-title-block[b-p5bhrnggd1] { display: flex; flex-direction: column; gap: var(--x-spacing-0-5); }
.cmv-card-name[b-p5bhrnggd1] { font-size: 1rem; font-weight: 600; color: var(--x-color-foreground); }
.cmv-card-domain[b-p5bhrnggd1] { font-size: var(--x-text-sm); color: var(--x-color-primary); }
.cmv-card-badges[b-p5bhrnggd1] { display: flex; gap: var(--x-spacing-1-5); flex-shrink: 0; }

/* Badges retired in cleanup MR #001 — threat-pill + type-pill now render via
   <XBadge BadgeType="BadgeType.Label" ColorType="..."> with ThreatColor() helper.
   Removed: .cmv-badge / .cmv-badge--high / --medium / --low / --none / --type / --sm */

.cmv-card-desc[b-p5bhrnggd1] { font-size: var(--x-text-sm); color: var(--x-color-muted-foreground); margin: 0; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* Metrics Row */
.cmv-card-metrics[b-p5bhrnggd1] { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: var(--x-spacing-2); padding: var(--x-spacing-2-5) 0; border-top: 1px solid var(--x-color-border); border-bottom: 1px solid var(--x-color-border); }
.cmv-metric[b-p5bhrnggd1] { display: flex; flex-direction: column; align-items: center; gap: var(--x-spacing-0-5); }
.cmv-metric-label[b-p5bhrnggd1] { font-size: 0.7rem; color: var(--x-color-muted-foreground); }
.cmv-metric-value[b-p5bhrnggd1] { font-size: 0.95rem; font-weight: 600; color: var(--x-color-foreground); }
.cmv-metric-value--position[b-p5bhrnggd1] { color: var(--x-color-primary); }
.cmv-metric-value--high[b-p5bhrnggd1] { color: var(--x-color-success); }

/* Strengths & Weaknesses */
.cmv-card-sw[b-p5bhrnggd1] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--x-spacing-2-5); }
.cmv-sw-item[b-p5bhrnggd1] { display: flex; gap: var(--x-spacing-1-5); align-items: flex-start; }
.cmv-sw-icon[b-p5bhrnggd1] { font-size: var(--x-text-sm); flex-shrink: 0; margin-top: 1px; }
.cmv-sw-item--strength .cmv-sw-icon[b-p5bhrnggd1] { color: var(--x-color-success); }
.cmv-sw-item--strength .cmv-sw-label[b-p5bhrnggd1] { color: var(--x-color-success); }
.cmv-sw-item--weakness .cmv-sw-icon[b-p5bhrnggd1] { color: var(--x-color-destructive); }
.cmv-sw-item--weakness .cmv-sw-label[b-p5bhrnggd1] { color: var(--x-color-destructive); }
.cmv-sw-label[b-p5bhrnggd1] { font-size: 0.7rem; font-weight: 600; display: block; }
.cmv-sw-text[b-p5bhrnggd1] { font-size: var(--x-text-sm); color: var(--x-color-foreground); display: block; line-height: 1.3; }

/* Latest Move */
.cmv-card-move[b-p5bhrnggd1] { display: flex; gap: var(--x-spacing-1-5); align-items: baseline; font-size: var(--x-text-sm); }
.cmv-move-icon[b-p5bhrnggd1] { color: var(--x-color-warning); }
.cmv-move-label[b-p5bhrnggd1] { font-weight: 600; color: var(--x-color-warning); }
.cmv-move-text[b-p5bhrnggd1] { color: var(--x-color-foreground); }

/* Footer */
.cmv-card-footer[b-p5bhrnggd1] { display: flex; justify-content: space-between; align-items: center; padding-top: var(--x-spacing-2); border-top: 1px solid var(--x-color-border); }
.cmv-card-date[b-p5bhrnggd1] { font-size: var(--x-text-xs); color: var(--x-color-muted-foreground); }
.cmv-card-link[b-p5bhrnggd1] { font-size: var(--x-text-sm); font-weight: 600; color: var(--x-color-primary); }

/* Table (List View) */
.cmv-table[b-p5bhrnggd1] { width: 100%; border-collapse: collapse; font-size: var(--x-text-sm); }
.cmv-table th[b-p5bhrnggd1] { text-align: left; padding: var(--x-spacing-2-5) var(--x-spacing-3); border-bottom: 2px solid var(--x-color-border); font-weight: 600; font-size: var(--x-text-xs); color: var(--x-color-muted-foreground); text-transform: uppercase; letter-spacing: 0.3px; }
.cmv-table td[b-p5bhrnggd1] { padding: var(--x-spacing-2-5) var(--x-spacing-3); border-bottom: 1px solid var(--x-color-border); }
.cmv-table tbody tr[b-p5bhrnggd1] { cursor: pointer; transition: background var(--x-transition-fast); }
.cmv-table tbody tr:hover[b-p5bhrnggd1] { background: var(--x-color-muted); }
.cmv-table-name[b-p5bhrnggd1] { font-weight: 600; }
.cmv-table-domain[b-p5bhrnggd1] { display: block; font-size: var(--x-text-xs); color: var(--x-color-primary); font-weight: 400; }
.cmv-table-sw--strength[b-p5bhrnggd1] { color: var(--x-color-success); font-size: var(--x-text-sm); }
.cmv-table-sw--weakness[b-p5bhrnggd1] { color: var(--x-color-destructive); font-size: var(--x-text-sm); }
/* /Components/Wizard/ConversationHistory.razor.rz.scp.css */
/* Blazor scoped-CSS isolation: the rules in GtmStageConversationPanel.razor.css
   don't reach into this child component's [b-xxxxxx] scope, so the .conversation-*
   layout classes ConversationHistory renders need their own scoped declarations
   here. */

.conversation-messages[b-boskl5i06l] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
    padding: var(--x-spacing-4) var(--x-spacing-5);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
    background: var(--x-color-muted);
}

.conversation-welcome[b-boskl5i06l] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-4);
    border-radius: var(--x-radius-2-5);
    background: color-mix(in srgb, var(--x-color-primary) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--x-color-primary) 20%, transparent);
}

.conversation-welcome-bullets[b-boskl5i06l] {
    margin: var(--x-spacing-2) 0 0 0;
    padding-left: var(--x-spacing-5);
    font-size: var(--x-text-sm);
    color: var(--x-color-primary);
    line-height: 1.8;
}

.conversation-msg-ai[b-boskl5i06l] {
    max-width: 85%;
    padding: 14px var(--x-spacing-4);
    border-radius: var(--x-radius-2-5);
    background: var(--x-color-background);
    border: 1px solid var(--x-color-border);
}

.conversation-msg-ai--thinking[b-boskl5i06l] {
    opacity: 0.8;
}

.conversation-ai-header[b-boskl5i06l] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
    margin-bottom: var(--x-spacing-1-5);
}

.conversation-ai-name[b-boskl5i06l] {
    font-size: var(--x-text-xs);
    font-weight: 600;
    color: var(--x-color-primary);
}

.conversation-ai-time[b-boskl5i06l] {
    margin-left: auto;
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.conversation-msg-user[b-boskl5i06l] {
    margin-left: auto;
    max-width: 80%;
    padding: var(--x-spacing-3) var(--x-spacing-4);
    border-radius: var(--x-radius-2-5);
    background: var(--x-color-primary);
    color: var(--x-color-primary-foreground);
}

.conversation-user-author[b-boskl5i06l] {
    font-size: var(--x-text-xs);
    font-weight: 600;
    opacity: 0.85;
    margin-bottom: var(--x-spacing-1);
}

.conversation-user-text[b-boskl5i06l] {
    font-size: var(--x-text-sm);
    line-height: 1.5;
    white-space: pre-wrap;
}

.conversation-user-footer[b-boskl5i06l] {
    font-size: var(--x-text-xxs);
    opacity: 0.8;
    margin-top: var(--x-spacing-1);
    text-align: right;
}

.conversation-thinking[b-boskl5i06l] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.conversation-thinking span[b-boskl5i06l] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
}

@media (max-width: 768px) {
    .conversation-msg-ai[b-boskl5i06l] {
        max-width: 95%;
    }
    .conversation-msg-user[b-boskl5i06l] {
        max-width: 90%;
    }
    .conversation-messages[b-boskl5i06l] {
        padding: var(--x-spacing-3);
    }
}
/* /Components/Wizard/CrmIcpCapturePanel.razor.rz.scp.css */
/* CrmIcpCapturePanel — inline style extraction + migrated <style> block */

.crm-capture-panel[b-tl2swtvind] {
    height: 100%;
    overflow-y: auto;
}

.crm-capture-content[b-tl2swtvind] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.crm-capture-header[b-tl2swtvind] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.crm-capture-header-info[b-tl2swtvind] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2-5);
}

.crm-capture-header-title[b-tl2swtvind] {
    margin: 0;
    color: var(--x-color-foreground);
}

.crm-capture-header-subtitle[b-tl2swtvind] {
    margin: 0;
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.crm-capture-icon[b-tl2swtvind] {
    width: 32px;
    height: 32px;
    border-radius: var(--x-radius-md);
    background: color-mix(in srgb, var(--x-color-primary) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--x-color-primary) 25%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--x-text-sm);
    flex-shrink: 0;
}

.crm-capture-loading[b-tl2swtvind] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--x-spacing-6);
    gap: var(--x-spacing-2);
}

.crm-capture-loading span[b-tl2swtvind] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
}

.crm-capture-section[b-tl2swtvind] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.crm-capture-section-header[b-tl2swtvind] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.crm-capture-section-title[b-tl2swtvind] {
    font-size: var(--x-text-sm);
    font-weight: 600;
    color: var(--x-color-foreground);
}

.crm-capture-section-count[b-tl2swtvind] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.crm-capture-empty[b-tl2swtvind] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    text-align: center;
    padding: var(--x-spacing-3) 0;
    margin: 0;
}

.crm-capture-view-all[b-tl2swtvind] {
    font-size: var(--x-text-xs);
    font-weight: 500;
    color: var(--x-color-primary);
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: right;
    padding: var(--x-spacing-1) 0;
}

.crm-capture-view-more[b-tl2swtvind] {
    width: 100%;
    padding: var(--x-spacing-2);
    border-radius: var(--x-radius-md);
    font-size: var(--x-text-xs);
    font-weight: 500;
    color: var(--x-color-primary);
    background: transparent;
    border: 1px dashed color-mix(in srgb, var(--x-color-primary) 40%, transparent);
    cursor: pointer;
    text-align: center;
}

.crm-capture-tip[b-tl2swtvind] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-2-5);
    padding: var(--x-spacing-3);
    border-radius: var(--x-radius-md);
    background: color-mix(in srgb, var(--x-color-info-muted) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--x-color-info-muted) 20%, transparent);
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
    line-height: 1.5;
}

.crm-capture-tip span[b-tl2swtvind] {
    flex-shrink: 0;
}

.crm-capture-tip p[b-tl2swtvind] {
    margin: 0;
}
/* /Components/Wizard/CrmPersonaCapturePanel.razor.rz.scp.css */
/* CrmPersonaCapturePanel — inline style extraction + migrated <style> block */

.crm-capture-panel[b-a304a2ku5y] {
    height: 100%;
    overflow-y: auto;
}

.crm-capture-content[b-a304a2ku5y] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.crm-capture-header[b-a304a2ku5y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.crm-capture-header-info[b-a304a2ku5y] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2-5);
}

.crm-capture-header-title[b-a304a2ku5y] {
    margin: 0;
    color: var(--x-color-foreground);
}

.crm-capture-header-subtitle[b-a304a2ku5y] {
    margin: 0;
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.crm-capture-icon[b-a304a2ku5y] {
    width: 32px;
    height: 32px;
    border-radius: var(--x-radius-md);
    background: color-mix(in srgb, var(--x-color-primary) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--x-color-primary) 25%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--x-text-sm);
    flex-shrink: 0;
}

.crm-capture-icon-secondary[b-a304a2ku5y] {
    background: color-mix(in srgb, var(--x-color-muted-foreground) 12%, transparent);
    border-color: color-mix(in srgb, var(--x-color-muted-foreground) 25%, transparent);
}

.crm-capture-loading[b-a304a2ku5y] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--x-spacing-6);
    gap: var(--x-spacing-2);
}

.crm-capture-loading span[b-a304a2ku5y] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
}

.crm-capture-section[b-a304a2ku5y] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.crm-capture-section-header[b-a304a2ku5y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.crm-capture-section-title[b-a304a2ku5y] {
    font-size: var(--x-text-sm);
    font-weight: 600;
    color: var(--x-color-foreground);
}

.crm-capture-section-count[b-a304a2ku5y] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.crm-capture-empty[b-a304a2ku5y] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    text-align: center;
    padding: var(--x-spacing-3) 0;
    margin: 0;
}

.crm-capture-view-more[b-a304a2ku5y] {
    width: 100%;
    padding: var(--x-spacing-2);
    border-radius: var(--x-radius-md);
    font-size: var(--x-text-xs);
    font-weight: 500;
    color: var(--x-color-primary);
    background: transparent;
    border: 1px dashed color-mix(in srgb, var(--x-color-primary) 40%, transparent);
    cursor: pointer;
    text-align: center;
}

.crm-capture-tip[b-a304a2ku5y] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-2-5);
    padding: var(--x-spacing-3);
    border-radius: var(--x-radius-md);
    background: color-mix(in srgb, var(--x-color-info-muted) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--x-color-info-muted) 20%, transparent);
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
    line-height: 1.5;
}

.crm-capture-tip span[b-a304a2ku5y] {
    flex-shrink: 0;
}

.crm-capture-tip p[b-a304a2ku5y] {
    margin: 0;
}
/* /Components/Wizard/GtmArchitectBriefDialog.razor.rz.scp.css */
/* GtmArchitectBriefDialog — inline style extraction */

.wiz-header-row[b-cwhfi5e6y5] {
    gap: var(--x-spacing-3);
}

.wiz-loading-center[b-cwhfi5e6y5] {
    gap: var(--x-spacing-4);
    padding: 48px;
}

.wiz-brief-stack[b-cwhfi5e6y5] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.wiz-brief-section[b-cwhfi5e6y5] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.wiz-focus-stack[b-cwhfi5e6y5] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.wiz-jobs-section[b-cwhfi5e6y5] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.wiz-job-card-stack[b-cwhfi5e6y5] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.wiz-job-pills[b-cwhfi5e6y5] {
    gap: var(--x-spacing-3);
}

.wiz-meta-stack[b-cwhfi5e6y5] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}
/* /Components/Wizard/GtmArchitectCreateProduct.razor.rz.scp.css */
/* GtmArchitectCreateProduct — inline style extraction */

.wiz-create-stack[b-i90t01sqts] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-6);
}

.wiz-create-intro[b-i90t01sqts] {
    gap: var(--x-spacing-2);
}

.wiz-create-intro p[b-i90t01sqts] {
    text-align: center;
}

.wiz-create-form[b-i90t01sqts] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.wiz-create-actions[b-i90t01sqts] {
    justify-content: flex-end;
    gap: var(--x-spacing-2);
}
/* /Components/Wizard/GtmCompetitorsStagePanel.razor.rz.scp.css */
/* GtmCompetitorsStagePanel — Figma Make CompetitorEntity.tsx parity */

/* ── Title row: reuses .wiz-entity-title-row, .wiz-entity-name from shared pattern ── */

.wiz-entity-title-row[b-bcuugfxkwf] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-2);
}

.wiz-entity-title-left[b-bcuugfxkwf] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.wiz-entity-name[b-bcuugfxkwf] {
    font-size: var(--x-text-base);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    line-height: 1.3;
    /* D6: allow long names to wrap at any character instead of overflowing. */
    min-width: 0;
    overflow-wrap: anywhere;
}

/* Website link (primary-600 + ExternalLink icon) */
.comp-website-link[b-bcuugfxkwf] {
    font-size: var(--x-text-xs);
    color: var(--x-color-primary);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
}

.comp-website-link:hover[b-bcuugfxkwf] {
    text-decoration: underline;
}

.comp-badge-row[b-bcuugfxkwf] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
}

/* ── Badge base (shared with other wizard panels) ── */
.wiz-badge[b-bcuugfxkwf] {
    display: inline-flex;
    align-items: center;
    padding: 2px var(--x-spacing-2);
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    white-space: nowrap;
    flex-shrink: 0;
}

/* ── Classification badges: direct=danger, indirect=warning, potential=info ── */
.wiz-badge--direct[b-bcuugfxkwf] {
    background-color: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
}

.wiz-badge--indirect[b-bcuugfxkwf] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning-foreground);
}

.wiz-badge--potential[b-bcuugfxkwf] {
    background-color: var(--x-color-info-muted);
    color: var(--x-color-info);
}

/* ── Threat-level badges: high=danger, medium=warning, low=success ── */
.wiz-badge--high-threat[b-bcuugfxkwf] {
    background-color: var(--x-color-destructive-muted);
    color: var(--x-color-destructive);
}

.wiz-badge--medium-threat[b-bcuugfxkwf] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning-foreground);
}

.wiz-badge--low-threat[b-bcuugfxkwf] {
    background-color: var(--x-color-success-muted);
    color: var(--x-color-success);
}

/* ── Description (shared pattern) ── */
.wiz-entity-description[b-bcuugfxkwf] {
    margin: 0;
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    line-height: 1.5;
}

/* ── Market position info card (reuses .wiz-info-card + variant) ── */
.wiz-info-card[b-bcuugfxkwf] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-2-5) var(--x-spacing-3);
    border-radius: var(--x-radius-lg);
}

.wiz-info-card--danger[b-bcuugfxkwf] {
    background-color: var(--x-color-destructive-muted);
    border: 1px solid var(--x-color-destructive-muted);
}

.wiz-info-card--warning[b-bcuugfxkwf] {
    background-color: var(--x-color-warning-muted);
    border: 1px solid var(--x-color-warning-muted);
}

.wiz-info-card--info[b-bcuugfxkwf] {
    background-color: var(--x-color-info-muted);
    border: 1px solid var(--x-color-info-muted);
}

.wiz-info-card--success[b-bcuugfxkwf] {
    background-color: var(--x-color-success-muted);
    border: 1px solid var(--x-color-success-muted);
}

/* ── Attribute grid + cards (shared pattern) ── */
.wiz-attr-grid[b-bcuugfxkwf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--x-spacing-2);
}

.wiz-attr-card[b-bcuugfxkwf] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-2) var(--x-spacing-2-5);
    background-color: var(--x-color-muted);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
}

.wiz-attr-icon[b-bcuugfxkwf] {
    font-size: var(--x-text-sm);
    color: var(--x-color-primary);
    flex-shrink: 0;
    line-height: 1;
    margin-top: 1px;
}

.wiz-attr-content[b-bcuugfxkwf] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.wiz-attr-label[b-bcuugfxkwf] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    letter-spacing: 0.05em;
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
}

.wiz-attr-value[b-bcuugfxkwf] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

/* ── Dual list (Strengths vs Weaknesses) ── */
.wiz-dual-list[b-bcuugfxkwf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--x-spacing-3);
}

.wiz-dual-list-col[b-bcuugfxkwf] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.wiz-list-header[b-bcuugfxkwf] {
    font-weight: var(--x-font-weight-semibold);
    font-size: var(--x-text-sm);
}

.wiz-list-header--success[b-bcuugfxkwf] { color: var(--x-color-success); }
.wiz-list-header--danger[b-bcuugfxkwf] { color: var(--x-color-destructive); }
.wiz-list-header--primary[b-bcuugfxkwf] { color: var(--x-color-primary); }

.wiz-list-items[b-bcuugfxkwf] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.wiz-list-item[b-bcuugfxkwf] {
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
    padding-left: var(--x-spacing-2);
    position: relative;
    line-height: 1.4;
}

.wiz-list-item[b-bcuugfxkwf]::before {
    content: '\2022';
    position: absolute;
    left: 0;
}

.wiz-list-item--success[b-bcuugfxkwf]::before { color: var(--x-color-success); }
.wiz-list-item--danger[b-bcuugfxkwf]::before { color: var(--x-color-destructive); }
.wiz-list-item--primary[b-bcuugfxkwf]::before { color: var(--x-color-primary); }

.wiz-list-more[b-bcuugfxkwf] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    font-style: italic;
    padding-left: var(--x-spacing-2);
    list-style: none;
    cursor: pointer;
}

.wiz-list-more:hover[b-bcuugfxkwf] {
    color: var(--x-color-primary);
    text-decoration: underline;
}

/* ── Dialog styles ── */
.wiz-stack[b-bcuugfxkwf] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.wiz-dialog-actions[b-bcuugfxkwf] {
    display: flex;
    flex-direction: row;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
    margin-top: var(--x-spacing-4);
}

.wiz-alert-mb[b-bcuugfxkwf] {
    margin-bottom: var(--x-spacing-4);
}
/* /Components/Wizard/GtmCtaMappingStagePanel.razor.rz.scp.css */
/* ── GtmCtaMappingStagePanel — Figma Make CTAMappingEntity.tsx parity ── */

/* ── Title row: name + stage subtitle + hierarchy badge + priority badge ── */
.wiz-entity-title-row[b-zfq5sbsfmz] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-2);
}

.wiz-entity-title-left[b-zfq5sbsfmz] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.wiz-entity-name[b-zfq5sbsfmz] {
    font-size: var(--x-text-base);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    line-height: 1.3;
    min-width: 0;
    overflow-wrap: anywhere;
}

.wiz-entity-subtitle[b-zfq5sbsfmz] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    line-height: 1.3;
}

/* ── Description ── */
.wiz-entity-description[b-zfq5sbsfmz] {
    margin: 0;
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    line-height: 1.5;
}

/* ── CTA hierarchy badges (primary/secondary/tertiary) ── */
.wiz-badge[b-zfq5sbsfmz] {
    display: inline-flex;
    align-items: center;
    padding: 2px var(--x-spacing-2);
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    white-space: nowrap;
    flex-shrink: 0;
}

.wiz-badge--primary[b-zfq5sbsfmz] {
    background-color: var(--x-color-primary-muted);
    border: 1px solid var(--x-color-primary-muted);
    color: var(--x-color-primary);
}

.wiz-badge--secondary[b-zfq5sbsfmz] {
    background-color: var(--x-color-info-muted);
    border: 1px solid var(--x-color-info-muted);
    color: var(--x-color-info);
}

.wiz-badge--tertiary[b-zfq5sbsfmz] {
    background-color: var(--x-color-muted);
    border: 1px solid var(--x-color-border);
    color: var(--x-color-muted-foreground);
}

.wiz-badge--priority[b-zfq5sbsfmz] {
    background-color: var(--x-color-warning-muted);
    border: 1px solid var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

/* ── Button preview area (grey-50 bg) ── */
.wiz-button-preview[b-zfq5sbsfmz] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-2-5) var(--x-spacing-3);
    background-color: var(--x-color-muted);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
}

.wiz-button-preview-primary[b-zfq5sbsfmz] {
    display: inline-flex;
    align-items: center;
    padding: var(--x-spacing-1-5) var(--x-spacing-3);
    background-color: var(--x-color-primary);
    color: var(--x-color-primary-foreground);
    border-radius: var(--x-radius-md);
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
}

.wiz-button-preview-secondary[b-zfq5sbsfmz] {
    font-size: var(--x-text-sm);
    color: var(--x-color-primary);
    text-decoration: underline;
}

/* ── Info card (target action, expected outcome) ── */
.wiz-info-card[b-zfq5sbsfmz] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--x-spacing-2) var(--x-spacing-2-5);
    border-radius: var(--x-radius-md);
}

.wiz-info-card--primary[b-zfq5sbsfmz] {
    background-color: var(--x-color-primary-muted);
    border: 1px solid var(--x-color-primary-muted);
}

.wiz-info-card--secondary[b-zfq5sbsfmz] {
    background-color: var(--x-color-info-muted);
    border: 1px solid var(--x-color-info-muted);
}

.wiz-info-card--tertiary[b-zfq5sbsfmz] {
    background-color: var(--x-color-muted);
    border: 1px solid var(--x-color-border);
}

.wiz-info-card--success[b-zfq5sbsfmz] {
    background-color: var(--x-color-success-muted);
    border: 1px solid var(--x-color-success-muted);
}

.wiz-info-card-label[b-zfq5sbsfmz] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    letter-spacing: 0.05em;
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
}

.wiz-info-card-value[b-zfq5sbsfmz] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

/* ── Two-column attribute grid ── */
.wiz-attr-grid[b-zfq5sbsfmz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--x-spacing-2);
}

.wiz-attr-card[b-zfq5sbsfmz] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-2) var(--x-spacing-2-5);
    background-color: var(--x-color-muted);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
}

.wiz-attr-icon[b-zfq5sbsfmz] {
    font-size: var(--x-text-sm);
    color: var(--x-color-primary);
    flex-shrink: 0;
    line-height: 1;
    margin-top: 1px;
}

.wiz-attr-content[b-zfq5sbsfmz] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.wiz-attr-label[b-zfq5sbsfmz] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    letter-spacing: 0.05em;
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
}

.wiz-attr-value[b-zfq5sbsfmz] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

/* ── Section stack and labels ── */
.wiz-section-stack[b-zfq5sbsfmz] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.wiz-section-label[b-zfq5sbsfmz] {
    font-weight: var(--x-font-weight-semibold);
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* ── Pills (placement=info, A/B variants=warning, design notes=warning) ── */
.wiz-pill-row[b-zfq5sbsfmz] {
    display: flex;
    flex-direction: row;
    gap: var(--x-spacing-1);
    flex-wrap: wrap;
}

.wiz-pill[b-zfq5sbsfmz] {
    display: inline-flex;
    align-items: center;
    padding: 2px var(--x-spacing-2);
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    white-space: nowrap;
}

.wiz-pill--info[b-zfq5sbsfmz] {
    background-color: var(--x-color-info-muted);
    border: 1px solid var(--x-color-info-muted);
    color: var(--x-color-info);
}

.wiz-pill--warning[b-zfq5sbsfmz] {
    background-color: var(--x-color-warning-muted);
    border: 1px solid var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.wiz-pill--muted[b-zfq5sbsfmz] {
    background-color: var(--x-color-muted);
    border: 1px solid var(--x-color-border);
    color: var(--x-color-muted-foreground);
}

/* ── Dialog styles ── */
.wiz-dialog-error[b-zfq5sbsfmz] {
    margin-bottom: var(--x-spacing-4);
}

.wiz-dialog-form[b-zfq5sbsfmz] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.wiz-dialog-actions[b-zfq5sbsfmz] {
    display: flex;
    flex-direction: row;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
    margin-top: var(--x-spacing-4);
}
/* /Components/Wizard/GtmFounderVoiceStagePanel.razor.rz.scp.css */
/* GtmFounderVoiceStagePanel — inline style extraction */

.wiz-loading[b-pnc24cxobo] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-6);
}

.wiz-empty-state[b-pnc24cxobo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-6);
}

.wiz-empty-icon[b-pnc24cxobo] {
    font-size: 3rem;
    color: var(--x-color-muted-foreground);
}

.wiz-empty-text[b-pnc24cxobo] {
    color: var(--x-color-muted-foreground);
    margin: 0;
}

.wiz-empty-hint[b-pnc24cxobo] {
    color: var(--x-color-muted-foreground);
    margin: 0;
    font-size: var(--x-text-sm);
}

.wiz-stack[b-pnc24cxobo] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.wiz-row[b-pnc24cxobo] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--x-spacing-2);
}

.wiz-row h5[b-pnc24cxobo] {
    margin: 0;
    flex: 1;
}

.wiz-field-group[b-pnc24cxobo] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.wiz-field-label[b-pnc24cxobo] {
    font-weight: 600;
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
}

.wiz-field-group p[b-pnc24cxobo] {
    margin: 0;
}

.wiz-ai-meta[b-pnc24cxobo] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.wiz-dialog-form[b-pnc24cxobo] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}
/* /Components/Wizard/GtmIcpStagePanel.razor.rz.scp.css */
/* ── GtmIcpStagePanel — scoped styles (Figma Make ICPEntity.tsx parity) ── */

/* Pattern E: Entity header (inherits from WizardStageDetail shared patterns) */
.wiz-entity-title-row[b-g74z3dg6jq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--x-spacing-3);
}

.wiz-entity-title-left[b-g74z3dg6jq] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.wiz-entity-name[b-g74z3dg6jq] {
    font-size: var(--x-text-base);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    min-width: 0;
    overflow-wrap: anywhere;
}

.wiz-entity-subtitle[b-g74z3dg6jq] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
}

.wiz-entity-description[b-g74z3dg6jq] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    line-height: 1.5;
    margin: 0;
}

/* Pattern C: Two-column attribute grid */
.wiz-attr-grid[b-g74z3dg6jq] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--x-spacing-3);
}

.wiz-attr-card[b-g74z3dg6jq] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-3);
    border-radius: var(--x-radius-lg);
    background-color: var(--x-color-background);
    border: 1px solid var(--x-color-border);
}

.wiz-attr-icon[b-g74z3dg6jq] {
    font-size: var(--x-text-sm);
    color: var(--x-color-primary);
    flex-shrink: 0;
    line-height: 1.4;
}

.wiz-attr-content[b-g74z3dg6jq] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    min-width: 0;
}

.wiz-attr-label[b-g74z3dg6jq] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.wiz-attr-value[b-g74z3dg6jq] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

/* ICP-specific: Deal attributes grid (info-tinted) */
.icp-deal-grid[b-g74z3dg6jq] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--x-spacing-3);
}

/* Pattern F: Colored info cards */
.wiz-info-card[b-g74z3dg6jq] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-3);
    border-radius: var(--x-radius-lg);
}

.wiz-info-card--info[b-g74z3dg6jq] {
    background-color: var(--x-color-info-muted);
    border: 1px solid var(--x-color-info-muted);
}

.wiz-info-card--warning[b-g74z3dg6jq] {
    background-color: var(--x-color-warning-muted);
    border: 1px solid var(--x-color-warning-muted);
}

/* Pattern D: Dual-list (Pain Points vs Goals) */
.wiz-dual-list[b-g74z3dg6jq] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--x-spacing-3);
}

.wiz-dual-list-col[b-g74z3dg6jq] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.wiz-list-header[b-g74z3dg6jq] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    margin-bottom: var(--x-spacing-2);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.wiz-list-header--danger[b-g74z3dg6jq] { color: var(--x-color-destructive); }
.wiz-list-header--success[b-g74z3dg6jq] { color: var(--x-color-success); }

.wiz-list-items[b-g74z3dg6jq] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.wiz-list-item[b-g74z3dg6jq] {
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
    padding-left: var(--x-spacing-2);
    position: relative;
    line-height: 1.4;
}

.wiz-list-item[b-g74z3dg6jq]::before {
    content: '\2022';
    position: absolute;
    left: 0;
}

.wiz-list-item--danger[b-g74z3dg6jq]::before { color: var(--x-color-destructive); }
.wiz-list-item--success[b-g74z3dg6jq]::before { color: var(--x-color-success); }

.wiz-list-more[b-g74z3dg6jq] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    font-style: italic;
    padding-left: var(--x-spacing-2);
}

/* Pattern H: Pills */
.wiz-pill[b-g74z3dg6jq] {
    display: inline-flex;
    align-items: center;
    padding: var(--x-spacing-1) var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-normal);
}

.wiz-pill--primary[b-g74z3dg6jq] {
    background-color: var(--x-color-primary-muted);
    color: var(--x-color-primary);
}

.wiz-pill--info[b-g74z3dg6jq] {
    background-color: var(--x-color-info-muted);
    color: var(--x-color-info);
}

/* ICP-specific: Section with label + pill row */
.icp-section[b-g74z3dg6jq] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.icp-pill-row[b-g74z3dg6jq] {
    display: flex;
    flex-direction: row;
    gap: var(--x-spacing-1-5);
    flex-wrap: wrap;
}

/* ── Dialog styles (unchanged) ── */
.wiz-stack[b-g74z3dg6jq] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.wiz-dialog-actions[b-g74z3dg6jq] {
    display: flex;
    flex-direction: row;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
    margin-top: var(--x-spacing-4);
}

.wiz-alert-mb[b-g74z3dg6jq] {
    margin-bottom: var(--x-spacing-4);
}
/* /Components/Wizard/GtmJourneyPlaybooksStagePanel.razor.rz.scp.css */
/* ── GtmJourneyPlaybooksStagePanel — Figma Make JourneyStageEntity.tsx parity ── */

/* ── Title row: name + stage badge ── */
.wiz-entity-title-row[b-mm0ns7bahx] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-2);
}

.wiz-entity-title-left[b-mm0ns7bahx] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.wiz-entity-name[b-mm0ns7bahx] {
    font-size: var(--x-text-base);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    line-height: 1.3;
    min-width: 0;
    overflow-wrap: anywhere;
}

.wiz-entity-subtitle[b-mm0ns7bahx] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    line-height: 1.3;
}

/* ── Stage badges (awareness=info, consideration=primary, decision=warning, retention=success, advocacy=secondary) ── */
.wiz-badge[b-mm0ns7bahx] {
    display: inline-flex;
    align-items: center;
    padding: 2px var(--x-spacing-2);
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    white-space: nowrap;
    flex-shrink: 0;
}

.wiz-badge--awareness[b-mm0ns7bahx] {
    background-color: var(--x-color-info-muted);
    border: 1px solid var(--x-color-info-muted);
    color: var(--x-color-info);
}

.wiz-badge--consideration[b-mm0ns7bahx] {
    background-color: var(--x-color-primary-muted);
    border: 1px solid var(--x-color-primary-muted);
    color: var(--x-color-primary);
}

.wiz-badge--decision[b-mm0ns7bahx] {
    background-color: var(--x-color-warning-muted);
    border: 1px solid var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.wiz-badge--retention[b-mm0ns7bahx] {
    background-color: var(--x-color-success-muted);
    border: 1px solid var(--x-color-success-muted);
    color: var(--x-color-success);
}

.wiz-badge--advocacy[b-mm0ns7bahx] {
    background-color: var(--x-color-muted);
    border: 1px solid var(--x-color-border);
    color: var(--x-color-muted-foreground);
}

/* ── Info card (customer mindset, conversion goal) ── */
.wiz-info-card[b-mm0ns7bahx] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--x-spacing-2) var(--x-spacing-2-5);
    border-radius: var(--x-radius-md);
}

.wiz-info-card--awareness[b-mm0ns7bahx] {
    background-color: var(--x-color-info-muted);
    border: 1px solid var(--x-color-info-muted);
}

.wiz-info-card--consideration[b-mm0ns7bahx] {
    background-color: var(--x-color-primary-muted);
    border: 1px solid var(--x-color-primary-muted);
}

.wiz-info-card--decision[b-mm0ns7bahx] {
    background-color: var(--x-color-warning-muted);
    border: 1px solid var(--x-color-warning-muted);
}

.wiz-info-card--retention[b-mm0ns7bahx] {
    background-color: var(--x-color-success-muted);
    border: 1px solid var(--x-color-success-muted);
}

.wiz-info-card--advocacy[b-mm0ns7bahx] {
    background-color: var(--x-color-muted);
    border: 1px solid var(--x-color-border);
}

.wiz-info-card--success[b-mm0ns7bahx] {
    background-color: var(--x-color-success-muted);
    border: 1px solid var(--x-color-success-muted);
}

.wiz-info-card-label[b-mm0ns7bahx] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    letter-spacing: 0.05em;
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
}

.wiz-info-card-value[b-mm0ns7bahx] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

/* ── Two-column attribute grid ── */
.wiz-attr-grid[b-mm0ns7bahx] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--x-spacing-2);
}

.wiz-attr-card[b-mm0ns7bahx] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-2) var(--x-spacing-2-5);
    background-color: var(--x-color-muted);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
}

.wiz-attr-icon[b-mm0ns7bahx] {
    font-size: var(--x-text-sm);
    color: var(--x-color-primary);
    flex-shrink: 0;
    line-height: 1;
    margin-top: 1px;
}

.wiz-attr-content[b-mm0ns7bahx] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.wiz-attr-label[b-mm0ns7bahx] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    letter-spacing: 0.05em;
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
}

.wiz-attr-value[b-mm0ns7bahx] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

/* ── Section stack and labels ── */
.wiz-section-stack[b-mm0ns7bahx] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.wiz-section-label[b-mm0ns7bahx] {
    font-weight: var(--x-font-weight-semibold);
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* ── Content type pills (primary-colored) ── */
.wiz-pill-row[b-mm0ns7bahx] {
    display: flex;
    flex-direction: row;
    gap: var(--x-spacing-1);
    flex-wrap: wrap;
}

.wiz-pill[b-mm0ns7bahx] {
    display: inline-flex;
    align-items: center;
    padding: 2px var(--x-spacing-2);
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    white-space: nowrap;
}

.wiz-pill--primary[b-mm0ns7bahx] {
    background-color: var(--x-color-primary-muted);
    border: 1px solid var(--x-color-primary-muted);
    color: var(--x-color-primary);
}

/* ── Success metrics list ── */
.wiz-list-items[b-mm0ns7bahx] {
    margin: 0;
    padding-left: var(--x-spacing-4);
    font-size: var(--x-text-sm);
    list-style: disc;
}

.wiz-list-item--success[b-mm0ns7bahx] {
    color: var(--x-color-foreground);
}

.wiz-list-item--success[b-mm0ns7bahx]::marker {
    color: var(--x-color-success);
}

.wiz-list-more[b-mm0ns7bahx] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
    list-style: none;
    cursor: pointer;
}

.wiz-list-more:hover[b-mm0ns7bahx] {
    color: var(--x-color-primary);
    text-decoration: underline;
}

/* ── Dialog styles ── */
.wiz-dialog-error[b-mm0ns7bahx] {
    margin-bottom: var(--x-spacing-4);
}

.wiz-dialog-form[b-mm0ns7bahx] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.wiz-dialog-actions[b-mm0ns7bahx] {
    display: flex;
    flex-direction: row;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
    margin-top: var(--x-spacing-4);
}
/* /Components/Wizard/GtmOfferLadderStagePanel.razor.rz.scp.css */
/* ── GtmOfferLadderStagePanel — Figma Make OfferLadderEntity.tsx parity ── */

/* ── Title row: tier icon + name + price + tier badge ── */
.wiz-entity-title-row[b-ianey19kl5] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-2);
}

.wiz-entity-title-left[b-ianey19kl5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.wiz-entity-title-icon-row[b-ianey19kl5] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--x-spacing-2);
}

.wiz-tier-icon[b-ianey19kl5] {
    font-size: var(--x-text-base);
    flex-shrink: 0;
}

.wiz-entity-name[b-ianey19kl5] {
    font-size: var(--x-text-base);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    line-height: 1.3;
    min-width: 0;
    overflow-wrap: anywhere;
}

.wiz-entity-subtitle[b-ianey19kl5] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    line-height: 1.3;
}

/* ── Description paragraph ── */
.wiz-entity-description[b-ianey19kl5] {
    margin: 0;
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    line-height: 1.5;
}

/* ── Tier badges (free=success, entry=info, growth=primary, enterprise=warning, custom=grey) ── */
.wiz-badge[b-ianey19kl5] {
    display: inline-flex;
    align-items: center;
    padding: 2px var(--x-spacing-2);
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    white-space: nowrap;
    flex-shrink: 0;
}

.wiz-badge--free[b-ianey19kl5] {
    background-color: var(--x-color-success-muted);
    border: 1px solid var(--x-color-success-muted);
    color: var(--x-color-success);
}

.wiz-badge--entry[b-ianey19kl5] {
    background-color: var(--x-color-info-muted);
    border: 1px solid var(--x-color-info-muted);
    color: var(--x-color-info);
}

.wiz-badge--growth[b-ianey19kl5] {
    background-color: var(--x-color-primary-muted);
    border: 1px solid var(--x-color-primary-muted);
    color: var(--x-color-primary);
}

.wiz-badge--enterprise[b-ianey19kl5] {
    background-color: var(--x-color-warning-muted);
    border: 1px solid var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.wiz-badge--custom[b-ianey19kl5] {
    background-color: var(--x-color-muted);
    border: 1px solid var(--x-color-border);
    color: var(--x-color-muted-foreground);
}

/* ── Info card (target segment, conversion goal) ── */
.wiz-info-card[b-ianey19kl5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--x-spacing-2) var(--x-spacing-2-5);
    border-radius: var(--x-radius-md);
}

.wiz-info-card--free[b-ianey19kl5] {
    background-color: var(--x-color-success-muted);
    border: 1px solid var(--x-color-success-muted);
}

.wiz-info-card--entry[b-ianey19kl5] {
    background-color: var(--x-color-info-muted);
    border: 1px solid var(--x-color-info-muted);
}

.wiz-info-card--growth[b-ianey19kl5] {
    background-color: var(--x-color-primary-muted);
    border: 1px solid var(--x-color-primary-muted);
}

.wiz-info-card--enterprise[b-ianey19kl5] {
    background-color: var(--x-color-warning-muted);
    border: 1px solid var(--x-color-warning-muted);
}

.wiz-info-card--custom[b-ianey19kl5] {
    background-color: var(--x-color-muted);
    border: 1px solid var(--x-color-border);
}

.wiz-info-card--success[b-ianey19kl5] {
    background-color: var(--x-color-success-muted);
    border: 1px solid var(--x-color-success-muted);
}

.wiz-info-card-label[b-ianey19kl5] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    letter-spacing: 0.05em;
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
}

.wiz-info-card-value[b-ianey19kl5] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

/* ── Two/three-column attribute grid ── */
.wiz-attr-grid[b-ianey19kl5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--x-spacing-2);
}

.wiz-attr-grid--3[b-ianey19kl5] {
    grid-template-columns: 1fr 1fr 1fr;
}

.wiz-attr-card[b-ianey19kl5] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-2) var(--x-spacing-2-5);
    background-color: var(--x-color-muted);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
}

.wiz-attr-icon[b-ianey19kl5] {
    font-size: var(--x-text-sm);
    color: var(--x-color-primary);
    flex-shrink: 0;
    line-height: 1;
    margin-top: 1px;
}

.wiz-attr-content[b-ianey19kl5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.wiz-attr-label[b-ianey19kl5] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    letter-spacing: 0.05em;
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
}

.wiz-attr-value[b-ianey19kl5] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

/* ── Features vs Ideal For — dual list ── */
.wiz-dual-list[b-ianey19kl5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--x-spacing-3);
}

.wiz-dual-list-col[b-ianey19kl5] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.wiz-list-header[b-ianey19kl5] {
    font-weight: var(--x-font-weight-semibold);
    font-size: var(--x-text-sm);
}

.wiz-list-header--success[b-ianey19kl5] {
    color: var(--x-color-success);
}

.wiz-list-header--info[b-ianey19kl5] {
    color: var(--x-color-info);
}

.wiz-list-items[b-ianey19kl5] {
    margin: 0;
    padding-left: var(--x-spacing-4);
    font-size: var(--x-text-sm);
    list-style: disc;
}

.wiz-list-item--success[b-ianey19kl5] {
    color: var(--x-color-foreground);
}

.wiz-list-item--success[b-ianey19kl5]::marker {
    color: var(--x-color-success);
}

.wiz-list-item--info[b-ianey19kl5] {
    color: var(--x-color-foreground);
}

.wiz-list-item--info[b-ianey19kl5]::marker {
    color: var(--x-color-info);
}

.wiz-list-more[b-ianey19kl5] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
    list-style: none;
    cursor: pointer;
}

.wiz-list-more:hover[b-ianey19kl5] {
    color: var(--x-color-primary);
    text-decoration: underline;
}

/* ── Dialog styles ── */
.wiz-dialog-error[b-ianey19kl5] {
    margin-bottom: var(--x-spacing-4);
}

.wiz-dialog-form[b-ianey19kl5] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.wiz-dialog-footer[b-ianey19kl5] {
    display: flex;
    flex-direction: row;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
    margin-top: var(--x-spacing-4);
}
/* /Components/Wizard/GtmPersonaStagePanel.razor.rz.scp.css */
/* ── GtmPersonaStagePanel — Figma Make PersonaEntity.tsx parity ── */

/* ── Title row: name + subtitle + decision-power badge ── */
.wiz-entity-title-row[b-by853wb6oh] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-2);
}

.wiz-entity-title-left[b-by853wb6oh] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.wiz-entity-name[b-by853wb6oh] {
    font-size: var(--x-text-base);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    line-height: 1.3;
    min-width: 0;
    overflow-wrap: anywhere;
}

.wiz-entity-subtitle[b-by853wb6oh] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    line-height: 1.3;
}

/* ── Description paragraph ── */
.wiz-entity-description[b-by853wb6oh] {
    margin: 0;
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    line-height: 1.5;
}

/* ── Decision-power badges ── */
.wiz-badge[b-by853wb6oh] {
    display: inline-flex;
    align-items: center;
    padding: 2px var(--x-spacing-2);
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    white-space: nowrap;
    flex-shrink: 0;
}

.wiz-badge--decision-maker[b-by853wb6oh] {
    background-color: var(--x-color-success-muted);
    border: 1px solid var(--x-color-success-muted);
    color: var(--x-color-success);
}

.wiz-badge--influencer[b-by853wb6oh] {
    background-color: var(--x-color-info-muted);
    border: 1px solid var(--x-color-info-muted);
    color: var(--x-color-info);
}

.wiz-badge--end-user[b-by853wb6oh] {
    background-color: var(--x-color-muted);
    border: 1px solid var(--x-color-border);
    color: var(--x-color-muted-foreground);
}

/* ── Two-column attribute grid (Department | Seniority) ── */
.wiz-attr-grid[b-by853wb6oh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--x-spacing-2);
}

.wiz-attr-card[b-by853wb6oh] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-2) var(--x-spacing-2-5);
    background-color: var(--x-color-muted);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
}

.wiz-attr-icon[b-by853wb6oh] {
    font-size: var(--x-text-sm);
    color: var(--x-color-primary);
    flex-shrink: 0;
    line-height: 1;
    margin-top: 1px;
}

.wiz-attr-content[b-by853wb6oh] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.wiz-attr-label[b-by853wb6oh] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    letter-spacing: 0.05em;
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
}

.wiz-attr-value[b-by853wb6oh] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

/* ── Goals vs Challenges — dual list ── */
.wiz-dual-list[b-by853wb6oh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--x-spacing-3);
}

.wiz-dual-list-col[b-by853wb6oh] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.wiz-list-header[b-by853wb6oh] {
    font-weight: var(--x-font-weight-semibold);
    font-size: var(--x-text-sm);
}

.wiz-list-header--success[b-by853wb6oh] {
    color: var(--x-color-success);
}

.wiz-list-header--warning[b-by853wb6oh] {
    color: var(--x-color-warning);
}

.wiz-list-items[b-by853wb6oh] {
    margin: 0;
    padding-left: var(--x-spacing-4);
    font-size: var(--x-text-sm);
    list-style: disc;
}

.wiz-list-item--success[b-by853wb6oh] {
    color: var(--x-color-foreground);
}

.wiz-list-item--success[b-by853wb6oh]::marker {
    color: var(--x-color-success);
}

.wiz-list-item--warning[b-by853wb6oh] {
    color: var(--x-color-foreground);
}

.wiz-list-item--warning[b-by853wb6oh]::marker {
    color: var(--x-color-warning);
}

.wiz-list-more[b-by853wb6oh] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
    list-style: none;
    cursor: pointer;
}

.wiz-list-more:hover[b-by853wb6oh] {
    color: var(--x-color-primary);
    text-decoration: underline;
}

/* ── Retained: section stack, pill row, preferred channels ── */
.wiz-section-stack[b-by853wb6oh] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.wiz-section-label[b-by853wb6oh] {
    font-weight: var(--x-font-weight-semibold);
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.wiz-pill-row[b-by853wb6oh] {
    display: flex;
    flex-direction: row;
    gap: var(--x-spacing-1);
    flex-wrap: wrap;
}

/* ── Dialog styles ── */
.wiz-dialog-error[b-by853wb6oh] {
    margin-bottom: var(--x-spacing-4);
}

.wiz-dialog-form[b-by853wb6oh] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.wiz-dialog-footer[b-by853wb6oh] {
    display: flex;
    flex-direction: row;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
    margin-top: var(--x-spacing-4);
}
/* /Components/Wizard/GtmPillarStagePanel.razor.rz.scp.css */
/* ── GtmPillarStagePanel — Figma Make ContentPillarEntity.tsx parity ── */

/* ── Title row: pillar icon + name + publishing frequency badge ── */
.wiz-entity-title-row[b-fhjs1gfc7a] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-2);
}

.wiz-entity-title-left[b-fhjs1gfc7a] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.wiz-entity-title-icon-row[b-fhjs1gfc7a] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--x-spacing-2);
}

.wiz-pillar-icon[b-fhjs1gfc7a] {
    font-size: var(--x-text-base);
    flex-shrink: 0;
}

.wiz-entity-name[b-fhjs1gfc7a] {
    font-size: var(--x-text-base);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
    line-height: 1.3;
    min-width: 0;
    overflow-wrap: anywhere;
}

.wiz-entity-subtitle[b-fhjs1gfc7a] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    line-height: 1.3;
}

/* ── Description ── */
.wiz-entity-description[b-fhjs1gfc7a] {
    margin: 0;
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    line-height: 1.5;
}

/* ── Pillar publishing frequency badge (color-coded) ── */
.wiz-badge[b-fhjs1gfc7a] {
    display: inline-flex;
    align-items: center;
    padding: 2px var(--x-spacing-2);
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    white-space: nowrap;
    flex-shrink: 0;
}

.wiz-badge--pillar[b-fhjs1gfc7a] {
    background-color: var(--x-color-primary-muted);
    border: 1px solid var(--x-color-primary-muted);
    color: var(--x-color-primary);
}

/* ── Info card (strategic goal, competitive advantage) ── */
.wiz-info-card[b-fhjs1gfc7a] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--x-spacing-2) var(--x-spacing-2-5);
    border-radius: var(--x-radius-md);
}

.wiz-info-card--primary[b-fhjs1gfc7a] {
    background-color: var(--x-color-primary-muted);
    border: 1px solid var(--x-color-primary-muted);
}

.wiz-info-card--success[b-fhjs1gfc7a] {
    background-color: var(--x-color-success-muted);
    border: 1px solid var(--x-color-success-muted);
}

.wiz-info-card-label[b-fhjs1gfc7a] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    letter-spacing: 0.05em;
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
}

.wiz-info-card-value[b-fhjs1gfc7a] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

/* ── Two/three-column attribute grid ── */
.wiz-attr-grid[b-fhjs1gfc7a] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--x-spacing-2);
}

.wiz-attr-grid--3[b-fhjs1gfc7a] {
    grid-template-columns: 1fr 1fr 1fr;
}

.wiz-attr-card[b-fhjs1gfc7a] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-2) var(--x-spacing-2-5);
    background-color: var(--x-color-muted);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-md);
}

.wiz-attr-icon[b-fhjs1gfc7a] {
    font-size: var(--x-text-sm);
    color: var(--x-color-primary);
    flex-shrink: 0;
    line-height: 1;
    margin-top: 1px;
}

.wiz-attr-content[b-fhjs1gfc7a] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.wiz-attr-label[b-fhjs1gfc7a] {
    font-size: var(--x-text-xxs);
    font-weight: var(--x-font-weight-semibold);
    letter-spacing: 0.05em;
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
}

.wiz-attr-value[b-fhjs1gfc7a] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

/* ── Section stack and labels ── */
.wiz-section-stack[b-fhjs1gfc7a] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.wiz-section-label[b-fhjs1gfc7a] {
    font-weight: var(--x-font-weight-semibold);
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* ── Pills (info for audience, warning for SEO) ── */
.wiz-pill-row[b-fhjs1gfc7a] {
    display: flex;
    flex-direction: row;
    gap: var(--x-spacing-1);
    flex-wrap: wrap;
}

.wiz-pill[b-fhjs1gfc7a] {
    display: inline-flex;
    align-items: center;
    padding: 2px var(--x-spacing-2);
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    white-space: nowrap;
}

.wiz-pill--info[b-fhjs1gfc7a] {
    background-color: var(--x-color-info-muted);
    border: 1px solid var(--x-color-info-muted);
    color: var(--x-color-info);
}

.wiz-pill--warning[b-fhjs1gfc7a] {
    background-color: var(--x-color-warning-muted);
    border: 1px solid var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

/* ── Dual list (Topics vs Formats, Messages vs Channels) ── */
.wiz-dual-list[b-fhjs1gfc7a] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--x-spacing-3);
}

.wiz-dual-list-col[b-fhjs1gfc7a] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.wiz-list-header[b-fhjs1gfc7a] {
    font-weight: var(--x-font-weight-semibold);
    font-size: var(--x-text-sm);
}

.wiz-list-header--primary[b-fhjs1gfc7a] {
    color: var(--x-color-primary);
}

.wiz-list-header--success[b-fhjs1gfc7a] {
    color: var(--x-color-success);
}

.wiz-list-header--info[b-fhjs1gfc7a] {
    color: var(--x-color-info);
}

.wiz-list-header--warning[b-fhjs1gfc7a] {
    color: var(--x-color-warning);
}

.wiz-list-items[b-fhjs1gfc7a] {
    margin: 0;
    padding-left: var(--x-spacing-4);
    font-size: var(--x-text-sm);
    list-style: disc;
}

.wiz-list-item--primary[b-fhjs1gfc7a] {
    color: var(--x-color-foreground);
}

.wiz-list-item--primary[b-fhjs1gfc7a]::marker {
    color: var(--x-color-primary);
}

.wiz-list-item--success[b-fhjs1gfc7a] {
    color: var(--x-color-foreground);
}

.wiz-list-item--success[b-fhjs1gfc7a]::marker {
    color: var(--x-color-success);
}

.wiz-list-item--info[b-fhjs1gfc7a] {
    color: var(--x-color-foreground);
}

.wiz-list-item--info[b-fhjs1gfc7a]::marker {
    color: var(--x-color-info);
}

.wiz-list-item--warning[b-fhjs1gfc7a] {
    color: var(--x-color-foreground);
}

.wiz-list-item--warning[b-fhjs1gfc7a]::marker {
    color: var(--x-color-warning);
}

.wiz-list-more[b-fhjs1gfc7a] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
    list-style: none;
    cursor: pointer;
}

.wiz-list-more:hover[b-fhjs1gfc7a] {
    color: var(--x-color-primary);
    text-decoration: underline;
}

/* ── Dialog styles ── */
.wiz-dialog-error[b-fhjs1gfc7a] {
    margin-bottom: var(--x-spacing-4);
}

.wiz-dialog-form[b-fhjs1gfc7a] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.wiz-dialog-footer[b-fhjs1gfc7a] {
    display: flex;
    flex-direction: row;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
    margin-top: var(--x-spacing-4);
}
/* /Components/Wizard/GtmProductOverviewStagePanel.razor.rz.scp.css */
/* GtmProductOverviewStagePanel — inline style extraction */

.wiz-loading[b-5h8x056yac] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-6);
}

.wiz-empty-state[b-5h8x056yac] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-6);
}

.wiz-empty-icon[b-5h8x056yac] {
    font-size: 3rem;
    color: var(--x-color-muted-foreground);
}

.wiz-empty-text[b-5h8x056yac] {
    color: var(--x-color-muted-foreground);
    margin: 0;
}

.wiz-stack[b-5h8x056yac] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.wiz-row[b-5h8x056yac] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--x-spacing-2);
}

.wiz-row h5[b-5h8x056yac] {
    margin: 0;
    flex: 1;
}

.wiz-field-group[b-5h8x056yac] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.wiz-field-label[b-5h8x056yac] {
    font-weight: 600;
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
}

.wiz-field-group p[b-5h8x056yac] {
    margin: 0;
}

.wiz-warning-inline[b-5h8x056yac] {
    margin: 0;
}

.wiz-dialog-error[b-5h8x056yac] {
    margin-bottom: var(--x-spacing-4);
}

.wiz-dialog-form[b-5h8x056yac] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.wiz-dialog-actions[b-5h8x056yac] {
    display: flex;
    flex-direction: row;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
    margin-top: var(--x-spacing-4);
}
/* /Components/Wizard/GtmSignalSourcesStagePanel.razor.rz.scp.css */
/* Signal Sources Stage Panel — Step 13 scoped styles */

/* Monitoring frequency row */
.ss-monitoring-row[b-nslifprq5x] {
    display: flex;
    align-items: center;
    gap: var(--x-space-2);
    margin-top: var(--x-space-2);
    color: var(--x-text-secondary);
    font-size: var(--x-text-sm);
}

.ss-monitoring-label[b-nslifprq5x] {
    text-transform: capitalize;
}

/* Topics and signal types section */
.ss-topics-section[b-nslifprq5x] {
    margin-top: var(--x-space-2);
}

.ss-topic-tags[b-nslifprq5x] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-space-1);
    margin-top: var(--x-space-1);
}

.ss-topic-tag[b-nslifprq5x] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: var(--x-radius-sm);
    background: var(--x-primary-50);
    color: var(--x-primary-700);
    font-size: var(--x-text-xs);
    font-weight: 500;
    line-height: 1.4;
}

.ss-signal-type-tag[b-nslifprq5x] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: var(--x-radius-sm);
    background: var(--x-info-50);
    color: var(--x-info-700);
    font-size: var(--x-text-xs);
    font-weight: 500;
    line-height: 1.4;
}

/* Badge variant overrides for source type */
[b-nslifprq5x] .wiz-badge--danger {
    background: var(--x-danger-50);
    color: var(--x-danger-700);
}

[b-nslifprq5x] .wiz-badge--info {
    background: var(--x-info-50);
    color: var(--x-info-700);
}

[b-nslifprq5x] .wiz-badge--primary {
    background: var(--x-primary-50);
    color: var(--x-primary-700);
}

[b-nslifprq5x] .wiz-badge--warning {
    background: var(--x-warning-50);
    color: var(--x-warning-700);
}

[b-nslifprq5x] .wiz-badge--success {
    background: var(--x-success-50);
    color: var(--x-success-700);
}

[b-nslifprq5x] .wiz-badge--grey {
    background: var(--x-grey-100);
    color: var(--x-grey-600);
}
/* /Components/Wizard/GtmStageAssetPanel.razor.rz.scp.css */
/* GtmStageAssetPanel — inline style extraction */

.wiz-asset-body[b-bu6zcdqaph] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
    flex: 1;
    min-height: 0;
}

.wiz-asset-header[b-bu6zcdqaph] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--x-spacing-2);
}

.wiz-asset-header h5[b-bu6zcdqaph] {
    margin: 0;
}

.wiz-loading[b-bu6zcdqaph] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-6);
}

.wiz-empty-state[b-bu6zcdqaph] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-6);
}

.wiz-empty-icon[b-bu6zcdqaph] {
    font-size: 3rem;
    color: var(--x-color-muted-foreground);
}

.wiz-empty-text[b-bu6zcdqaph] {
    color: var(--x-color-muted-foreground);
    margin: 0;
}

.wiz-empty-hint[b-bu6zcdqaph] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
}

.wiz-action-row[b-bu6zcdqaph] {
    display: flex;
    flex-direction: row;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
}

.wiz-version-info[b-bu6zcdqaph] {
    display: flex;
    flex-direction: row;
    gap: var(--x-spacing-2);
}

.wiz-version-label[b-bu6zcdqaph] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
}

.wiz-version-unsaved[b-bu6zcdqaph] {
    color: var(--x-color-warning-foreground);
    font-size: var(--x-text-sm);
}

.wiz-version-initial[b-bu6zcdqaph] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
}

.wiz-content-stack[b-bu6zcdqaph] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.wiz-content-stack h5[b-bu6zcdqaph] {
    margin: 0;
}

.wiz-content-description[b-bu6zcdqaph] {
    color: var(--x-color-muted-foreground);
    margin: 0;
}

.wiz-content-divider[b-bu6zcdqaph] {
    border-top: 1px solid var(--x-color-border);
    padding-top: var(--x-spacing-3);
}

.wiz-content-pre[b-bu6zcdqaph] {
    white-space: pre-wrap;
    font-family: var(--x-font-mono);
    margin: 0;
}
/* /Components/Wizard/GtmStageConversationPanel.razor.rz.scp.css */
/* ── GtmStageConversationPanel scoped styles ── */
/* Migrated from embedded <style> block + inline style="" attributes */

.conversation-panel[b-z6upd696x6] {
    flex: 1;
    min-height: 0;
    /* Pairs with parent .wizard-chat-column's min-width:0 — defence in depth
       so the chat panel never widens its parent past the flex-allocated half
       of the two-column body, regardless of message content. */
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-right: 1px solid var(--x-color-border);
}

.conversation-header[b-z6upd696x6] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2-5);
    padding: 14px var(--x-spacing-5);
    border-bottom: 1px solid var(--x-color-border);
}

.conversation-header-icon[b-z6upd696x6] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--x-color-primary) 15%, transparent);
    border: 1px solid color-mix(in srgb, var(--x-color-primary) 30%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--x-text-sm);
    flex-shrink: 0;
}

/* Header text block */
.conversation-header-text[b-z6upd696x6] {
    flex: 1;
    min-width: 0;
}

.conversation-header-title[b-z6upd696x6] {
    font-size: var(--x-text-sm);
    font-weight: 600;
    color: var(--x-color-foreground);
}

.conversation-header-subtitle[b-z6upd696x6] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

/* Alert inside panel */
.conversation-alert[b-z6upd696x6] {
    margin: var(--x-spacing-3) var(--x-spacing-4);
}

/* Loading state */
.conversation-loading[b-z6upd696x6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-6);
    flex: 1;
}

.conversation-loading span[b-z6upd696x6] {
    color: var(--x-color-muted-foreground);
}

.conversation-messages[b-z6upd696x6] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
    padding: var(--x-spacing-4) var(--x-spacing-5);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
    background: var(--x-color-muted);
}

.conversation-welcome[b-z6upd696x6] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-4);
    border-radius: var(--x-radius-2-5);
    background: color-mix(in srgb, var(--x-color-primary) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--x-color-primary) 20%, transparent);
}

.conversation-welcome-icon[b-z6upd696x6] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--x-color-primary) 15%, transparent);
    border: 1px solid color-mix(in srgb, var(--x-color-primary) 30%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--x-text-xs);
    flex-shrink: 0;
}

/* Welcome heading */
.conversation-welcome-heading[b-z6upd696x6] {
    font-size: var(--x-text-sm);
    color: var(--x-color-primary);
    line-height: 1.6;
    margin: 0;
}

/* Welcome bullet list */
.conversation-welcome-bullets[b-z6upd696x6] {
    margin: var(--x-spacing-2) 0 0 0;
    padding-left: var(--x-spacing-5);
    font-size: var(--x-text-sm);
    color: var(--x-color-primary);
    line-height: 1.8;
}

/* Quality gate hint */
.conversation-quality-gate[b-z6upd696x6] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    margin: var(--x-spacing-2-5) 0 0 0;
    font-style: italic;
}

.conversation-msg-ai[b-z6upd696x6] {
    max-width: 85%;
    padding: 14px var(--x-spacing-4);
    border-radius: var(--x-radius-2-5);
    background: var(--x-color-background);
    border: 1px solid var(--x-color-border);
}

/* AI message header */
.conversation-ai-header[b-z6upd696x6] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
    margin-bottom: var(--x-spacing-1-5);
}

.conversation-ai-avatar-sm[b-z6upd696x6] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--x-color-primary) 15%, transparent);
    border: 1px solid color-mix(in srgb, var(--x-color-primary) 30%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--x-text-xxs);
    flex-shrink: 0;
}

.conversation-ai-name[b-z6upd696x6] {
    font-size: var(--x-text-xs);
    font-weight: 600;
    color: var(--x-color-primary);
}

.conversation-ai-time[b-z6upd696x6] {
    margin-left: auto;
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.conversation-msg-user[b-z6upd696x6] {
    margin-left: auto;
    max-width: 80%;
    padding: var(--x-spacing-3) var(--x-spacing-4);
    border-radius: var(--x-radius-2-5);
    background: var(--x-color-primary);
    color: var(--x-color-primary-foreground);
}

/* Sprint DI (DI-0.7): Author name above user messages for multi-user awareness */
.conversation-user-author[b-z6upd696x6] {
    font-size: var(--x-text-xs);
    font-weight: 600;
    opacity: 0.85;
    margin-bottom: var(--x-spacing-1);
}

/* User message text */
.conversation-user-text[b-z6upd696x6] {
    font-size: var(--x-text-sm);
    line-height: 1.5;
    white-space: pre-wrap;
}

/* User message footer */
.conversation-user-footer[b-z6upd696x6] {
    font-size: var(--x-text-xxs);
    opacity: 0.8;
    margin-top: var(--x-spacing-1);
    text-align: right;
}

/* AI thinking indicator (reduced opacity) */
.conversation-msg-ai--thinking[b-z6upd696x6] {
    opacity: 0.8;
}

.conversation-thinking[b-z6upd696x6] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.conversation-thinking span[b-z6upd696x6] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
}

.conversation-input-area[b-z6upd696x6] {
    padding: 14px var(--x-spacing-5);
    border-top: 1px solid var(--x-color-border);
    flex-shrink: 0;
}

/* Error area inside input */
.conversation-error-stack[b-z6upd696x6] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1-5);
    margin-bottom: var(--x-spacing-2);
}

.conversation-error-text[b-z6upd696x6] {
    font-size: var(--x-text-sm);
}

.conversation-error-actions[b-z6upd696x6] {
    display: flex;
    gap: var(--x-spacing-2);
}

.conversation-selection-badge[b-z6upd696x6] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-1-5) var(--x-spacing-3);
    margin-bottom: var(--x-spacing-2);
    border-radius: var(--x-radius-1-5);
    background: color-mix(in srgb, var(--x-color-primary) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--x-color-primary) 25%, transparent);
    font-size: var(--x-text-sm);
    font-weight: 600;
    color: var(--x-color-primary);
}

/* GTM-Architect capability-awareness — Rung-4 routing fallback strip.
   Shown only when the AI reply named no in-app surface; gives the operator a
   guaranteed next step inside GoToM8. Kept visually light (a note, not an
   alert) so the common path where the AI links itself stays unintrusive. */
.conversation-routing-fallback[b-z6upd696x6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-1-5) var(--x-spacing-3);
    margin: var(--x-spacing-2) 0;
    border-radius: var(--x-radius-1-5);
    background: color-mix(in srgb, var(--x-color-primary) 6%, transparent);
    border: 1px solid color-mix(in srgb, var(--x-color-primary) 20%, transparent);
    font-size: var(--x-text-sm);
}

.conversation-routing-fallback-icon[b-z6upd696x6] {
    color: var(--x-color-primary);
}

.conversation-routing-fallback-label[b-z6upd696x6] {
    font-weight: 600;
    color: var(--x-color-primary);
}

.conversation-routing-fallback-link[b-z6upd696x6] {
    font-weight: 600;
}

/* Input row */
.conversation-input-row[b-z6upd696x6] {
    display: flex;
    gap: var(--x-spacing-2);
    align-items: flex-end;
}

/* Send button column */
.conversation-send-col[b-z6upd696x6] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1-5);
}

/* Hint text */
.conversation-hint[b-z6upd696x6] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    margin: var(--x-spacing-1) 0 0 0;
}

/* Sprint DI: Decision Cockpit container */
.conversation-decision-cockpit[b-z6upd696x6] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-3) 0;
}

/* ── Mobile Responsive (v3.3.0 parity) ── */

@media (max-width: 768px) {
    .conversation-msg-ai[b-z6upd696x6] {
        max-width: 95%;
    }
    .conversation-msg-user[b-z6upd696x6] {
        max-width: 90%;
    }
    .conversation-input-area[b-z6upd696x6] {
        padding: var(--x-spacing-2) var(--x-spacing-3);
    }
    .conversation-messages[b-z6upd696x6] {
        padding: var(--x-spacing-3);
    }
}

/* UX Sweep M12 (P2-3): send button — replaces inline pixel-grade Style attribute. */
[b-z6upd696x6] .conversation-send-btn {
    width: 44px;
    height: 44px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* UX Sweep M12 (P2-2): replaces inline pixel-grade Style on error/clear/textarea sites.
   font-size values use canonical --x-text-* tokens per the RazorCss hardcoded-font-size ratchet. */
[b-z6upd696x6] .conversation-error-action-btn {
    font-size: var(--x-text-xs);
    padding: 4px 12px;
}
[b-z6upd696x6] .conversation-clear-selection-btn {
    font-size: var(--x-text-xs);
    padding: 2px 8px;
    margin-left: auto;
}
[b-z6upd696x6] .conversation-input-textarea {
    flex: 1;
    font-size: var(--x-text-sm);
}
/* /Components/Wizard/GtmStepCard.razor.rz.scp.css */
/* GTM Step Card — Sprint BZ-UI: Figma Make aligned step card styling */

.gtm-step-card[b-3azowigqyd] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-5);
    border-radius: var(--x-radius-lg);
    border: 1px solid var(--x-color-border);
    background: var(--x-color-card);
    cursor: pointer;
    transition: border-color var(--x-transition-normal), box-shadow var(--x-transition-normal), transform var(--x-transition-normal);
}

.gtm-step-card:hover[b-3azowigqyd] {
    border-color: var(--x-color-primary);
    box-shadow: 0 4px 12px rgba(15, 84, 153, 0.08);
    transform: translateY(-1px);
}

.gtm-step-card:focus-visible[b-3azowigqyd] {
    outline: 3px solid var(--x-color-primary);
    outline-offset: 2px;
}

/* v3.44.1 absorption: .gtm-step-card--{done,active,at-risk,pending} border-left modifier
   classes RETIRED. XCard.AccentColor + AccentBorder render the canonical 3px top-edge accent
   driven by GetStatusColor() in the .razor. */

/* Step number badge */
.gtm-step-number-badge[b-3azowigqyd] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: var(--x-radius-lg);
    font-size: var(--x-text-lg);
    font-weight: 700;
    flex-shrink: 0;
}

.gtm-step-badge--done[b-3azowigqyd] {
    background: var(--x-color-success-muted);
    color: var(--x-color-success);
}

.gtm-step-badge--active[b-3azowigqyd] {
    background: var(--x-color-primary-muted);
    color: var(--x-color-primary);
}

.gtm-step-badge--at-risk[b-3azowigqyd] {
    background: var(--x-color-warning-muted);
    color: var(--x-color-warning);
}

.gtm-step-badge--pending[b-3azowigqyd] {
    background: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
}

/* Header: badge + status pill */
.gtm-step-card-header[b-3azowigqyd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-3);
}

/* Body: title + description */
.gtm-step-card-body[b-3azowigqyd] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    flex: 1;
}

.gtm-step-card-title-row[b-3azowigqyd] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.gtm-step-card-title[b-3azowigqyd] {
    margin: 0;
    color: var(--x-color-foreground);
}

/* Version badge (e.g. "v2.1") */
.gtm-version-badge[b-3azowigqyd] {
    display: inline-flex;
    align-items: center;
    font-size: var(--x-text-xxs);
    font-weight: 500;
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-md);
    background: var(--x-color-primary-muted);
    color: var(--x-color-primary-hover);
    border: 1px solid var(--x-color-primary-muted);
    white-space: nowrap;
}

.gtm-step-card-description[b-3azowigqyd] {
    margin: 0;
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Footer: stats + button */
.gtm-step-card-footer[b-3azowigqyd] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--x-spacing-3);
}

/* Stats area: badges row + coverage bar stacked vertically */
.gtm-step-card-stats[b-3azowigqyd] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    flex: 1;
    min-width: 0;
}

.gtm-step-card-coverage[b-3azowigqyd] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    flex: 1;
    min-width: 0;
}

.gtm-step-coverage-bar-track[b-3azowigqyd] {
    height: 6px;
    border-radius: 3px;
    background: var(--x-color-muted);
    overflow: hidden;
}

.gtm-step-coverage-bar-fill[b-3azowigqyd] {
    height: 100%;
    border-radius: 3px;
    transition: width var(--x-transition-slow);
}

.coverage-fill--done[b-3azowigqyd] {
    background: var(--x-color-success);
}

.coverage-fill--active[b-3azowigqyd] {
    background: var(--x-color-primary);
}

.coverage-fill--at-risk[b-3azowigqyd] {
    background: var(--x-color-warning);
}

.coverage-fill--pending[b-3azowigqyd] {
    background: var(--x-color-border);
}

.gtm-step-coverage-label[b-3azowigqyd] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

/* Content asset badges (M-22): published / draft counters using XStatusPill */
.gtm-step-card-content-badges[b-3azowigqyd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--x-spacing-2);
}

/* Blocked warning */
.gtm-step-card-blocked[b-3azowigqyd] {
    font-size: var(--x-text-xs);
    color: var(--x-color-warning);
    background: var(--x-color-warning-muted);
    padding: var(--x-spacing-1-5) var(--x-spacing-2-5);
    border-radius: var(--x-radius-md);
}
/* /Components/Wizard/GtmValuePropStagePanel.razor.rz.scp.css */
/* GtmValuePropStagePanel — Figma Make ValuePropEntity.tsx parity */

/* ── Badge row (right-aligned pills) ── */
.vp-badge-row[b-y3cuyy6ou3] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    flex-shrink: 0;
}

/* ── ICP suffix inline text ── */
.vp-icp-suffix[b-y3cuyy6ou3] {
    color: var(--x-color-muted-foreground);
}

/* ── Value Dimension icons (colored per column) ── */
.vp-dim-icon[b-y3cuyy6ou3] {
    font-size: var(--x-text-sm);
    margin-right: var(--x-spacing-1);
}

.vp-dim-icon--primary[b-y3cuyy6ou3] { color: var(--x-color-primary); }
.vp-dim-icon--warning[b-y3cuyy6ou3] { color: var(--x-color-warning); }
.vp-dim-icon--success[b-y3cuyy6ou3] { color: var(--x-color-success); }

/* ── Grey info card (vs Current Alternative) ── */
.wiz-info-card--grey[b-y3cuyy6ou3] {
    background-color: var(--x-color-background);
    border: 1px solid var(--x-color-border);
}

/* ── Dual-list local defs (shared pattern, scoped for isolation) ── */
.wiz-dual-list-col[b-y3cuyy6ou3] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.wiz-list-items[b-y3cuyy6ou3] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

/* ── List header color variants ── */
.wiz-list-header--primary[b-y3cuyy6ou3] { color: var(--x-color-primary); }
.wiz-list-header--warning[b-y3cuyy6ou3] { color: var(--x-color-warning); }
.wiz-list-header--success[b-y3cuyy6ou3] { color: var(--x-color-success); }
.wiz-list-header--info[b-y3cuyy6ou3] { color: var(--x-color-info); }

/* ── Dialog styles (unchanged) ── */
.wiz-stack[b-y3cuyy6ou3] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.wiz-dialog-actions[b-y3cuyy6ou3] {
    display: flex;
    flex-direction: row;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
    margin-top: var(--x-spacing-4);
}

.wiz-alert-mb[b-y3cuyy6ou3] {
    margin-bottom: var(--x-spacing-4);
}
/* /Components/Wizard/GtmWizardShell.razor.rz.scp.css */
/* GtmWizardShell — inline style extraction + migrated <style> block */

.gtm-wizard-shell[b-cwovad9zu0] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 80px);
    min-height: 0;
}

.wiz-loading[b-cwovad9zu0] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: var(--x-spacing-3);
    padding: 48px;
}

.wiz-overview[b-cwovad9zu0] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-6);
    overflow-y: auto;
    padding: var(--x-spacing-1);
}

.wiz-progress-title[b-cwovad9zu0] {
    margin: 0;
}

.wiz-progress-subtitle[b-cwovad9zu0] {
    margin: 0;
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
}

.wiz-detail-layout[b-cwovad9zu0] {
    display: flex;
    flex-direction: row;
    /* UX Sweep operator-feedback round 5: gap shrunk from spacing-6 (24px)
       → spacing-2 (8px). The previous gap was the actual culprit behind
       "white space around the rail" — not the rail's own padding. Per
       operator DevTools screenshot: the `div.wiz-detail-layout` outer
       frame's gap is what visually surrounds both expanded and collapsed
       rail states. 16px reclaimed for the stage editor. */
    gap: var(--x-spacing-2);
    flex: 1;
    min-height: 0;
}

.wiz-stage-list[b-cwovad9zu0] {
    /* UX Sweep operator-feedback round 3: tightened to 184px — enough for
       the widest 2-digit label ("10. Route-to-Market Plan") at compact
       font without wrap. Horizontal padding 0 so items hug the rail edge;
       per-item padding lives in the ::deep overrides below. */
    width: 184px;
    flex-shrink: 0;
    overflow-y: auto;
    padding: var(--x-spacing-1) 0;
    transition: width var(--x-transition-normal);
}

.wiz-stage-list--collapsed[b-cwovad9zu0] {
    /* Operator-feedback round 3: collapsed rail shrunk 28 → 22px — just
       the toggle column. Reclaims 162px back for the stage editor when
       collapsed. */
    width: 22px;
    padding: 2px 0;
    overflow: hidden;
}

/* UX Sweep operator-feedback follow-up: previously hid the native
   XStepIndicator badge column + connector line via `::deep .x-step-
   indicator-*` to render a dense numbered list. Both rules are
   prohibited by ConsumerColorContractTests.NoConsumerDeepSelectorTargetsXabluLibInternals
   (CSS reach into lib-internals) and were ripped out in Group H.
   The label still carries the "N. " prefix via BuildStepLabel so the
   number is always visible; the visual density rework belongs upstream
   in xablu-libs as an XStepIndicator Density/Compact parameter
   (filing: see TODO in commit message). */

.wiz-stage-list-toolbar[b-cwovad9zu0] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 2px;
    padding: 0 var(--x-spacing-1);
}

.wiz-stage-list--collapsed .wiz-stage-list-toolbar[b-cwovad9zu0] {
    justify-content: center;
    padding: 0;
}

.wiz-stage-list-toggle[b-cwovad9zu0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    padding: 0;
    border-radius: var(--x-radius-sm);
    border: 1px solid var(--x-color-border);
    background-color: var(--x-color-card);
    color: var(--x-color-muted-foreground);
    cursor: pointer;
    font-size: var(--x-text-xs);
    line-height: 1;
    transition: background-color var(--x-transition-normal), color var(--x-transition-normal);
}

/* UX Sweep operator-feedback follow-up (round 4 + round 5): the dense
   step-rail rules (padding, min-height, label font-size, hidden track)
   were ripped out in Group H — both architecture ratchets prohibit the
   patterns required to compact the Xablu primitive from consumer side:
     - CzArchitectureGuardrailTests.AllCss_ShouldNotContain_Important_*
     - ConsumerColorContractTests.NoConsumerDeepSelectorTargetsXabluLibInternals
   The visual density refactor belongs upstream as an XStepIndicator
   Density / Compact parameter (filed as xablu-libs issue, see Group H
   commit message). Until that lands, the rail keeps Xablu's default
   per-item heights; the "N. " label prefix still gives operators the
   uniform numbered surface they need. */

.wiz-stage-list-toggle:hover[b-cwovad9zu0] {
    background-color: var(--x-color-muted);
    color: var(--x-color-foreground);
}

.wiz-stage-list-toggle:focus-visible[b-cwovad9zu0] {
    outline: 2px solid var(--x-color-primary-600);
    outline-offset: 2px;
}

.wiz-stage-detail[b-cwovad9zu0] {
    flex: 1;
    min-height: 0;
    /* min-width:0 is REQUIRED — flex items default to min-width:auto (content
       min-size). Without this the WizardStageDetail's two-column body forces
       this column past its flex-allocated width, which in turn forces
       .wiz-detail-layout past the page width and triggers the horizontal
       scrollbar on .gtm-architect-page. */
    min-width: 0;
    display: flex;
    flex-direction: column;
}

/* Progress Header */
.gtm-progress-header[b-cwovad9zu0] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-6);
    background: linear-gradient(135deg, var(--x-color-primary-muted) 0%, var(--x-color-accent) 100%);
    border-radius: var(--x-radius-xl);
    border: 1px solid var(--x-color-border);
}

.gtm-progress-header-text[b-cwovad9zu0] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--x-spacing-4);
}

.gtm-progress-percentage[b-cwovad9zu0] {
    font-size: var(--x-text-2xl);
    font-weight: 700;
    color: var(--x-color-primary);
    line-height: 1;
}

.gtm-progress-bar-track[b-cwovad9zu0] {
    height: 8px;
    border-radius: var(--x-radius-sm);
    background: rgba(255, 255, 255, 0.6);
    overflow: hidden;
}

.gtm-progress-bar-fill[b-cwovad9zu0] {
    height: 100%;
    border-radius: var(--x-radius-sm);
    background: linear-gradient(90deg, var(--x-color-primary), var(--x-color-accent));
    transition: width var(--x-transition-slow);
}

/* Step Card Grid */
.gtm-step-grid[b-cwovad9zu0] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--x-spacing-4);
}
/* /Components/Wizard/IcpEditDialog.razor.rz.scp.css */
/* Blazor scoped-CSS isolation: the rules in GtmIcpStagePanel.razor.css don't
   reach into this child component's [b-xxxxxx] scope, so the .wiz-stack and
   .wiz-dialog-actions layout classes IcpEditDialog renders need their own
   scoped declarations here. */

.wiz-stack[b-j964zzcsbn] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.wiz-dialog-actions[b-j964zzcsbn] {
    display: flex;
    flex-direction: row;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
    margin-top: var(--x-spacing-4);
}

.wiz-alert-mb[b-j964zzcsbn] {
    margin-bottom: var(--x-spacing-4);
}
/* /Components/Wizard/PersonaEditDialog.razor.rz.scp.css */
/* Blazor scoped-CSS isolation: the rules in GtmPersonaStagePanel.razor.css don't
   reach into this child component's [b-xxxxxx] scope, so the .wiz-dialog-form
   and .wiz-dialog-footer layout classes PersonaEditDialog renders need their
   own scoped declarations here. */

.wiz-dialog-form[b-jjoi6pe4fh] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.wiz-dialog-footer[b-jjoi6pe4fh] {
    display: flex;
    flex-direction: row;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
    margin-top: var(--x-spacing-4);
}
/* /Components/Wizard/PillarEditDialog.razor.rz.scp.css */
/* Blazor scoped-CSS isolation: the rules in GtmPillarStagePanel.razor.css don't
   reach into this child component's [b-xxxxxx] scope, so the .wiz-dialog-form
   and .wiz-dialog-footer layout classes PillarEditDialog renders need their
   own scoped declarations here. */

.wiz-dialog-form[b-4n0wlwwazl] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.wiz-dialog-footer[b-4n0wlwwazl] {
    display: flex;
    flex-direction: row;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
    margin-top: var(--x-spacing-4);
}
/* /Components/Wizard/ValuePropEditDialog.razor.rz.scp.css */
/* Blazor scoped-CSS isolation: the rules in GtmValuePropStagePanel.razor.css
   don't reach into this child component's [b-xxxxxx] scope, so the .wiz-stack
   and .wiz-dialog-actions layout classes ValuePropEditDialog renders need
   their own scoped declarations here. */

.wiz-stack[b-hu65mauc55] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.wiz-dialog-actions[b-hu65mauc55] {
    display: flex;
    flex-direction: row;
    gap: var(--x-spacing-2);
    justify-content: flex-end;
    margin-top: var(--x-spacing-4);
}

.wiz-alert-mb[b-hu65mauc55] {
    margin-bottom: var(--x-spacing-4);
}
/* /Components/Wizard/WizardArrivalBanner.razor.rz.scp.css */
/* WizardArrivalBanner — scoped styles.
   UX Sweep operator-feedback follow-up: the banner's CSS classes existed in
   the Razor template but had no rules anywhere in the project, so the banner
   inherited raw XCard chrome with no semantic intent. These rules wire the
   banner onto the same design-token surface every other wizard advisory
   uses (info/recommendation muted background + inline-row layout). */

.wizard-arrival-banner[b-gwd6o4j7d7] {
    background: var(--x-color-info-muted);
    border: 1px solid var(--x-color-info-muted);
    border-radius: var(--x-radius-lg);
    padding: var(--x-spacing-2) var(--x-spacing-3);
    margin-bottom: var(--x-spacing-3);
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.wizard-arrival-row[b-gwd6o4j7d7] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-1) 0;
    flex-wrap: wrap;
    row-gap: var(--x-spacing-1);
}

.wizard-arrival-row + .wizard-arrival-row[b-gwd6o4j7d7] {
    border-top: 1px dashed var(--x-color-border);
    padding-top: var(--x-spacing-2);
    margin-top: var(--x-spacing-1);
}

.wizard-arrival-icon[b-gwd6o4j7d7] {
    flex-shrink: 0;
    color: var(--x-color-info);
}

.wizard-arrival-text[b-gwd6o4j7d7] {
    flex: 1;
    min-width: 0;
    color: var(--x-color-foreground);
    font-size: var(--x-text-sm);
    line-height: 1.4;
}
/* /Components/Wizard/WizardArtifactVersionHistory.razor.rz.scp.css */
.avh-container[b-ir3dwy8z77] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.avh-header[b-ir3dwy8z77] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding-bottom: var(--x-spacing-2);
    border-bottom: 1px solid var(--x-color-border);
}

.avh-title[b-ir3dwy8z77] {
    font-weight: var(--x-font-weight-semibold);
}

.avh-list[b-ir3dwy8z77] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    max-height: 400px;
    overflow-y: auto;
}

.avh-card[b-ir3dwy8z77] {
    padding: var(--x-spacing-3);
}

.avh-card-header[b-ir3dwy8z77] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--x-spacing-1);
}

.avh-timestamp[b-ir3dwy8z77] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.avh-diff[b-ir3dwy8z77],
.avh-reason[b-ir3dwy8z77] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-1);
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    margin-top: var(--x-spacing-1);
}

.avh-actions[b-ir3dwy8z77] {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--x-spacing-2);
}

.avh-loading[b-ir3dwy8z77],
.avh-empty[b-ir3dwy8z77] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-4);
    color: var(--x-color-muted-foreground);
}

.avh-confirm-body[b-ir3dwy8z77] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-3);
}

.avh-confirm-icon[b-ir3dwy8z77] {
    color: var(--x-color-warning);
    flex-shrink: 0;
}

.avh-confirm-actions[b-ir3dwy8z77] {
    display: flex;
    justify-content: flex-end;
    gap: var(--x-spacing-2);
}
/* /Components/Wizard/WizardAutoDiagnosePanel.razor.rz.scp.css */
.ad-panel[b-kij56l61xy] {
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-2);
    background: var(--x-color-card);
    overflow: hidden;
}

.ad-header[b-kij56l61xy] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    width: 100%;
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border: none;
    background: none;
    cursor: pointer;
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
}

.ad-header:hover[b-kij56l61xy] {
    background: var(--x-color-muted);
}

.ad-header-icon[b-kij56l61xy] {
    color: var(--x-color-primary);
}

.ad-header-title[b-kij56l61xy] {
    flex: 1;
    font-weight: 600;
    text-align: left;
}

.ad-chevron[b-kij56l61xy] {
    color: var(--x-color-muted-foreground);
}

.ad-items[b-kij56l61xy] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    padding: 0 var(--x-spacing-3) var(--x-spacing-2-5);
}

.ad-item[b-kij56l61xy] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
    padding: var(--x-spacing-1) var(--x-spacing-2);
    border-radius: var(--x-radius-1);
    font-size: var(--x-text-xs);
}

.ad-item--ready[b-kij56l61xy] {
    color: var(--x-color-success);
}

.ad-item--missing[b-kij56l61xy] {
    color: var(--x-color-destructive);
    background: color-mix(in srgb, var(--x-color-destructive) 8%, transparent);
}

.ad-item--progress[b-kij56l61xy] {
    color: var(--x-color-warning);
    background: color-mix(in srgb, var(--x-color-warning) 8%, transparent);
}

.ad-item--blocked[b-kij56l61xy] {
    color: var(--x-color-warning);
    background: color-mix(in srgb, var(--x-color-warning) 8%, transparent);
}

.ad-item-icon[b-kij56l61xy] {
    flex-shrink: 0;
}
/* /Components/Wizard/WizardDecisionBar.razor.rz.scp.css */
.db-bar[b-fe27j7hu10] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-2) var(--x-spacing-3);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-2);
    background: var(--x-color-card);
}
/* /Components/Wizard/WizardDownstreamImpactFooter.razor.rz.scp.css */
/* UX Sweep M7 (P1-5b) — Edit-dialog downstream-impact footer. */
.wizard-downstream-impact-footer[b-04olk9up3w] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-3) var(--x-spacing-4);
    margin-top: var(--x-spacing-3);
    background-color: var(--x-color-muted);
    border-radius: var(--x-radius-md);
    border-left: 3px solid var(--x-color-primary);
}

.wizard-downstream-icon[b-04olk9up3w] {
    color: var(--x-color-primary);
    flex-shrink: 0;
}

.wizard-downstream-text[b-04olk9up3w] {
    color: var(--x-color-foreground);
    margin: 0;
}
/* /Components/Wizard/WizardEntityCardGrid.razor.rz.scp.css */
/* ── WizardEntityCardGrid scoped styles ── */
/* Migrated from embedded <style> block + inline style="" attributes */

/* ── Loading state ── */
.wecg-loading[b-ketn81orvs] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-6);
}

/* ── Empty state ── */
.wecg-empty-state[b-ketn81orvs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-3);
    padding: 40px var(--x-spacing-8);
    border-radius: var(--x-radius-3);
    background-color: var(--x-color-muted);
    border: 1px dashed var(--x-color-border);
}

.wecg-empty-state h4[b-ketn81orvs] {
    margin: 0;
    font-size: var(--x-text-sm);
    font-weight: 600;
    color: var(--x-color-foreground);
}

.wecg-empty-state p[b-ketn81orvs] {
    margin: 0;
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    line-height: 1.6;
    text-align: center;
    max-width: 280px;
}

.wecg-empty-actions[b-ketn81orvs] {
    display: flex;
    gap: var(--x-spacing-2);
    margin-top: var(--x-spacing-1);
}

.wecg-empty-icon[b-ketn81orvs] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--x-color-primary) 10%, transparent);
    color: var(--x-color-primary);
}

/* ── Main layout ── */
.wecg-layout[b-ketn81orvs] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

/* Add button row */
.wecg-add-row[b-ketn81orvs] {
    display: flex;
    justify-content: flex-end;
}

/* ── Section containers ── */
.wecg-section[b-ketn81orvs] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

/* Section header row */
.wecg-section-header[b-ketn81orvs] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--x-spacing-2);
}

.wecg-section-header h4[b-ketn81orvs] {
    margin: 0;
    font-size: var(--x-text-sm);
    font-weight: 600;
}

/* UX Sweep operator-feedback follow-up: groups workspace-level actions
   (Add + Accept All) flush-right on the section header so they read as one
   affordance cluster. Without margin-left:auto they'd hug the title.  */
.wecg-section-actions[b-ketn81orvs] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--x-spacing-2);
    margin-left: auto;
    flex-wrap: wrap;
    row-gap: var(--x-spacing-1);
}

/* Section divider */
.wecg-divider[b-ketn81orvs] {
    border-top: 1px solid var(--x-color-border);
}

/* Card list */
.wecg-card-list[b-ketn81orvs] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

/* Empty section placeholder */
.wecg-empty-section[b-ketn81orvs] {
    padding: var(--x-spacing-4);
    text-align: center;
    color: var(--x-color-muted-foreground);
    border: 1px dashed var(--x-color-border);
    border-radius: var(--x-radius-2);
    background: var(--x-color-muted);
}

/* ── Card base ── */
.wecg-card[b-ketn81orvs] {
    border-radius: var(--x-radius-2);
    overflow: hidden;
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    transition: all var(--x-transition-normal);
}

.wecg-card:hover[b-ketn81orvs] {
    box-shadow: var(--x-elevation-card);
    transform: translateY(-1px);
}

/* Proposal card — FigmaMake warning-200 tint border (softer than full warning color) */
.wecg-card--proposal[b-ketn81orvs] {
    border-color: color-mix(in srgb, var(--x-color-warning) 30%, transparent);
}

/* Selected card — FigmaMake uses info-500 ring + info-100 glow, not primary */
.wecg-card--selected[b-ketn81orvs] {
    border: 2px solid var(--x-color-info);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--x-color-info) 20%, transparent);
    transform: none;
}

/* "Close half-shipped promises" Item 4 — deep-link target highlight.
   When the operator lands on a card via ?code=<slug>, the cascading
   WizardFocusCode flips this card to a primary-tinted ring so the
   matching entity is immediately visually distinguishable from the
   surrounding list. Compatible with .wecg-card--selected (operator
   may multi-select while a focus is active) — the focus ring stacks
   on the selection ring via offset.
   scroll-margin-top reserves header space so anchor-based browser
   scroll (#wiz-entity-<slug>) lands the card below the sticky shell
   header rather than under it. */
.wecg-card--focused[b-ketn81orvs] {
    border: 2px solid var(--x-color-primary);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--x-color-primary) 18%, transparent);
    scroll-margin-top: 96px;
    animation: wecg-card-focus-pulse-b-ketn81orvs var(--x-transition-slow) ease-out;
}

@keyframes wecg-card-focus-pulse-b-ketn81orvs {
    0%   { box-shadow: 0 0 0 8px color-mix(in srgb, var(--x-color-primary) 35%, transparent); }
    100% { box-shadow: 0 0 0 4px color-mix(in srgb, var(--x-color-primary) 18%, transparent); }
}

/* ── Card Header Bar ── */
.wecg-card-header[b-ketn81orvs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--x-spacing-1-5) var(--x-spacing-3);
    gap: var(--x-spacing-2);
    min-height: 32px;
}

.wecg-card-header--proposal[b-ketn81orvs] {
    background-color: color-mix(in srgb, var(--x-color-warning) 8%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--x-color-warning) 20%, transparent);
}

.wecg-card-header--committed[b-ketn81orvs] {
    background-color: var(--x-color-muted);
    border-bottom: 1px solid var(--x-color-border);
}

/* Header left/right groups */
.wecg-header-group[b-ketn81orvs] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.wecg-action-group[b-ketn81orvs] {
    display: flex;
    align-items: center;
    gap: 2px;
    /* UX Sweep operator-feedback defence-in-depth: wrap action chips before
       any individual button is clipped past the card right edge. */
    flex-wrap: wrap;
    row-gap: var(--x-spacing-1);
    justify-content: flex-end;
}

/* ── Card Content ── */
.wecg-card-content[b-ketn81orvs] {
    padding: var(--x-spacing-3) var(--x-spacing-4);
}

/* ── Checkbox ── */
.wecg-checkbox[b-ketn81orvs] {
    width: 16px;
    height: 16px;
    accent-color: var(--x-color-primary);
    cursor: pointer;
    flex-shrink: 0;
}

/* ── State Badges ── */
.wecg-badge[b-ketn81orvs] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
    padding: 1px var(--x-spacing-2);
    border-radius: var(--x-radius-1);
    font-size: var(--x-text-xxs);
    font-weight: 600;
    white-space: nowrap;
}

.wecg-badge--draft[b-ketn81orvs] {
    background-color: color-mix(in srgb, var(--x-color-warning) 15%, transparent);
    border: 1px solid color-mix(in srgb, var(--x-color-warning) 30%, transparent);
    color: var(--x-color-warning);
}

.wecg-badge--active[b-ketn81orvs] {
    background-color: color-mix(in srgb, var(--x-color-success) 15%, transparent);
    border: 1px solid color-mix(in srgb, var(--x-color-success) 30%, transparent);
    color: var(--x-color-success);
}

.wecg-badge--reviewed[b-ketn81orvs] {
    background-color: color-mix(in srgb, var(--x-color-primary) 15%, transparent);
    border: 1px solid color-mix(in srgb, var(--x-color-primary) 30%, transparent);
    color: var(--x-color-primary);
}

/* ── Timestamp ── */
.wecg-timestamp[b-ketn81orvs] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
    white-space: nowrap;
}

/* ── Action Buttons (in header bar) ── */
.wecg-action[b-ketn81orvs] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
    padding: 2px var(--x-spacing-2);
    border-radius: var(--x-radius-1);
    border: none;
    background-color: transparent;
    font-size: var(--x-text-xs);
    font-weight: 600;
    cursor: pointer;
    transition: background-color var(--x-transition-normal);
    white-space: nowrap;
    /* UX Sweep operator-feedback defence-in-depth: prevent the action row
       from collapsing onto / past the card edge when narrow. */
    flex-shrink: 0;
    max-width: 100%;
}


.wecg-action--accept[b-ketn81orvs] {
    color: var(--x-color-success);
}

.wecg-action--accept:hover[b-ketn81orvs] {
    background-color: color-mix(in srgb, var(--x-color-success) 12%, transparent);
}

/* FigmaMake uses info-700 for Edit actions, not primary (primary is for selection/navigation) */
.wecg-action--edit[b-ketn81orvs] {
    color: var(--x-color-info);
}

.wecg-action--edit:hover[b-ketn81orvs] {
    background-color: color-mix(in srgb, var(--x-color-info) 12%, transparent);
}

.wecg-action--enrich[b-ketn81orvs] {
    color: var(--x-color-primary);
}

.wecg-action--enrich:hover[b-ketn81orvs] {
    background-color: color-mix(in srgb, var(--x-color-primary) 12%, transparent);
}

.wecg-action--drop[b-ketn81orvs] {
    color: var(--x-color-destructive);
}

.wecg-action--drop:hover[b-ketn81orvs] {
    background-color: color-mix(in srgb, var(--x-color-destructive) 12%, transparent);
}

/* ── Section Icons ── */
.wecg-section-icon[b-ketn81orvs] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: var(--x-radius-1);
    font-size: var(--x-text-xs);
    flex-shrink: 0;
}

.wecg-section-icon--warning[b-ketn81orvs] {
    background-color: color-mix(in srgb, var(--x-color-warning) 15%, transparent);
    color: var(--x-color-warning);
}

.wecg-section-icon--success[b-ketn81orvs] {
    background-color: color-mix(in srgb, var(--x-color-success) 15%, transparent);
    color: var(--x-color-success);
}

/* ── Icon sizes ── */
.wecg-icon-xs[b-ketn81orvs] {
    font-size: var(--x-text-xxs);
    line-height: 1;
}

.wecg-icon-sm[b-ketn81orvs] {
    font-size: var(--x-text-xxs);
}

.wecg-icon-md[b-ketn81orvs] {
    font-size: var(--x-text-sm);
}

.wecg-icon-lg[b-ketn81orvs] {
    font-size: var(--x-text-lg);
}

/* ── Count Circles ── */
.wecg-count-circle[b-ketn81orvs] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: var(--x-text-xxs);
    font-weight: 600;
}

.wecg-count-circle--warning[b-ketn81orvs] {
    background-color: color-mix(in srgb, var(--x-color-warning) 15%, transparent);
    color: var(--x-color-warning);
}

.wecg-count-circle--success[b-ketn81orvs] {
    background-color: color-mix(in srgb, var(--x-color-success) 15%, transparent);
    color: var(--x-color-success);
}

/* ── Discuss Selected Bar ── */
.wecg-discuss-bar[b-ketn81orvs] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-2);
    width: 100%;
    padding: var(--x-spacing-2-5) var(--x-spacing-4);
    border-radius: var(--x-radius-2);
    border: 1px solid var(--x-color-primary);
    background-color: color-mix(in srgb, var(--x-color-primary) 8%, transparent);
    color: var(--x-color-primary);
    font-size: var(--x-text-sm);
    font-weight: 600;
    cursor: pointer;
    transition: background-color var(--x-transition-normal);
}

.wecg-discuss-bar:hover[b-ketn81orvs] {
    background-color: color-mix(in srgb, var(--x-color-primary) 15%, transparent);
}

/* ── Inline style extraction: small button text (v3.3.0 cleanup) ── */
.wecg-btn-sm[b-ketn81orvs] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-semibold);
}

/* ── Mobile Responsive (v3.3.0 parity) ── */

@media (max-width: 768px) {
    .wecg-card-header[b-ketn81orvs] {
        flex-wrap: wrap;
    }
    .wecg-action-group[b-ketn81orvs] {
        width: 100%;
        justify-content: flex-end;
        margin-top: var(--x-spacing-1);
    }
}
/* /Components/Wizard/WizardGenerateAction.razor.rz.scp.css */
/* WizardGenerateAction — scoped styles.
   UX Sweep operator-feedback round 4: prior to this file, the three
   wizard-generate-action* classes existed in the template but had no
   rules (orphans) — the component inherited raw flex defaults and the
   Primary XButton at default size produced the chunky misaligned look
   the operator flagged on every stage. */

.wizard-generate-action[b-9vjnp59e3x] {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: var(--x-spacing-2);
    flex-wrap: wrap;
    row-gap: var(--x-spacing-1);
}

.wizard-cost-preview[b-9vjnp59e3x] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    white-space: nowrap;
    line-height: 1.2;
}

.wizard-generate-btn[b-9vjnp59e3x] {
    /* Compact label inside Small button — keep on one line so very long
       plurals like "Demand Generation Plan" wrap to the next visual row
       (controlled by .wizard-generate-action's flex-wrap) instead of
       collapsing to multi-line text inside a single chubby button. */
    white-space: nowrap;
}

.wizard-generate-label[b-9vjnp59e3x] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
    line-height: 1;
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
}
/* /Components/Wizard/WizardKnowledgeLibraryWarning.razor.rz.scp.css */
.wkl-warning[b-m3u7as6643] {
    display: flex;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-4);
    margin: var(--x-spacing-3);
    background-color: var(--x-color-warning-50);
    border: 1px solid var(--x-color-warning-200);
    border-radius: var(--x-radius-lg);
}

.wkl-warning-icon[b-m3u7as6643] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    background-color: var(--x-color-warning-50);
    border: 1px solid var(--x-color-warning-200);
    border-radius: var(--x-radius-md);
    font-size: var(--x-text-lg);
    color: var(--x-color-warning-700);
}

.wkl-warning-body[b-m3u7as6643] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    min-width: 0;
}

.wkl-warning-title[b-m3u7as6643] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-warning-foreground);
    line-height: 1.3;
}

.wkl-warning-description[b-m3u7as6643] {
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    line-height: 1.5;
}

.wkl-warning-cta[b-m3u7as6643] {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-2);
    margin-top: var(--x-spacing-1);
}

.wkl-warning-cta-arrow[b-m3u7as6643] {
    font-size: var(--x-text-sm);
    line-height: 1;
}
/* /Components/Wizard/WizardKnowledgeVaultPanel.razor.rz.scp.css */
/* Wizard right-pane Knowledge Vault: only the panel/list/header/empty
   chrome lives here; per-card styling is owned by the shared
   Components/Dashboard/KnowledgeFactCard.razor.css. */

/* 2026-05-25 UX sweep: section-separator chrome matches WizardStageSignalInsight
   (bottom border + all-sides padding). The two panels are sibling sections in
   the wizard right pane and must read as visual twins — same icon size, same
   header gap, same content inset. */
.kv-panel[b-8yoe7ub7q7] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    padding: var(--x-spacing-2);
    border-bottom: 1px solid var(--x-color-border);
}

/* gap + icon-color match .si-header so the icon → text → chevron rhythm is
   identical between Signals and Knowledge Vault rows. */
.kv-header[b-8yoe7ub7q7] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    color: var(--x-color-primary);
}

.kv-header-icon[b-8yoe7ub7q7] {
    color: var(--x-color-primary);
}

.kv-header-title[b-8yoe7ub7q7] {
    font-weight: 600;
}

.kv-list[b-8yoe7ub7q7] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    max-height: 400px;
    overflow-y: auto;
}

.kv-loading[b-8yoe7ub7q7],
.kv-empty[b-8yoe7ub7q7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-4);
    color: var(--x-color-muted-foreground);
}

.kv-empty-icon[b-8yoe7ub7q7] {
    color: var(--x-color-muted-foreground);
}

/* UX Sweep operator-feedback round 4: native <details>/<summary> styling
   for the collapsible knowledge list. Hide the default disclosure marker
   (uses our own chevron via ::after) so the layout stays Xablu-token
   clean. */
.kv-panel[open] > .kv-header[b-8yoe7ub7q7]::after {
    content: "▾";
    margin-left: auto;
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
}

.kv-panel:not([open]) > .kv-header[b-8yoe7ub7q7]::after {
    content: "▸";
    margin-left: auto;
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
}

.kv-header[b-8yoe7ub7q7] {
    list-style: none;
    cursor: pointer;
    user-select: none;
}

.kv-header[b-8yoe7ub7q7]::-webkit-details-marker {
    display: none;
}
/* /Components/Wizard/WizardSelfCheckPanel.razor.rz.scp.css */
.sc-panel[b-70xa1vvjdg] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-3);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-2);
    background: var(--x-color-card);
}

.sc-header[b-70xa1vvjdg] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.sc-header-icon[b-70xa1vvjdg] {
    color: var(--x-color-primary);
}

.sc-header-title[b-70xa1vvjdg] {
    flex: 1;
    font-weight: 600;
}

.sc-bars[b-70xa1vvjdg] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1-5);
}

.sc-bar-row[b-70xa1vvjdg] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.sc-bar-label[b-70xa1vvjdg] {
    width: 90px;
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
}

.sc-bar-track[b-70xa1vvjdg] {
    flex: 1;
    height: 8px;
    background: var(--x-color-muted);
    border-radius: var(--x-radius-1);
    overflow: hidden;
}

.sc-bar-fill[b-70xa1vvjdg] {
    height: 100%;
    border-radius: var(--x-radius-1);
    transition: width var(--x-transition-normal);
    width: var(--sc-bar-width, 0%);
}

/* v3.47 absorption: typed score-band modifier classes (sc-bar-fill--<lowercase ColorType>)
   replace inline `style="background: @bound;"` and `style="color: @bound;"` consumer holes.
   Each modifier sets BOTH the fill background-colour and the value-label foreground-colour
   (the modifier class is applied to both elements per row). */
.sc-bar-fill--danger[b-70xa1vvjdg] {
    background: var(--x-color-destructive);
    color: var(--x-color-destructive);
}
.sc-bar-fill--warning[b-70xa1vvjdg] {
    background: var(--x-color-warning);
    color: var(--x-color-warning);
}
.sc-bar-fill--success[b-70xa1vvjdg] {
    background: var(--x-color-success);
    color: var(--x-color-success);
}

/* On the value-label (.sc-bar-value), the modifier class only colours the text — the value
   element doesn't have a track background so we need to neutralise the background rule. */
.sc-bar-value.sc-bar-fill--danger[b-70xa1vvjdg],
.sc-bar-value.sc-bar-fill--warning[b-70xa1vvjdg],
.sc-bar-value.sc-bar-fill--success[b-70xa1vvjdg] {
    background: transparent;
}

.sc-bar-value[b-70xa1vvjdg] {
    width: 40px;
    font-size: var(--x-text-xs);
    font-weight: 600;
    text-align: right;
}

.sc-improvement-card[b-70xa1vvjdg] {
    border-color: var(--x-color-warning);
}

.sc-improvement[b-70xa1vvjdg] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-2);
    font-size: var(--x-text-sm);
    color: var(--x-color-warning);
    padding: var(--x-spacing-2);
}
/* /Components/Wizard/WizardSocraticCard.razor.rz.scp.css */
.soc-panel[b-u78sr1s6p5] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.soc-header[b-u78sr1s6p5] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.soc-header-icon[b-u78sr1s6p5] {
    color: var(--x-color-primary);
}

.soc-header-title[b-u78sr1s6p5] {
    font-weight: 600;
}

.soc-cards[b-u78sr1s6p5] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.soc-card[b-u78sr1s6p5] {
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-2);
}

.soc-card-content[b-u78sr1s6p5] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1-5);
    padding: var(--x-spacing-2-5);
}

.soc-card-header[b-u78sr1s6p5] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1-5);
}

.soc-card-type[b-u78sr1s6p5] {
    font-size: var(--x-text-xs);
    font-weight: 600;
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.soc-icon-critical[b-u78sr1s6p5] {
    color: var(--x-color-destructive);
}

.soc-icon-explore[b-u78sr1s6p5] {
    color: var(--x-color-primary);
}

.soc-icon-decide[b-u78sr1s6p5] {
    color: var(--x-color-warning);
}

.soc-card-text[b-u78sr1s6p5] {
    font-size: var(--x-text-sm);
    color: var(--x-color-foreground);
    margin: 0;
    line-height: 1.5;
}
/* /Components/Wizard/WizardStageDetail.razor.rz.scp.css */
/* WizardStageDetail — scoped styles migrated from inline <style> block + inline style attributes */

/* ── Root layout ── */
.wizard-stage-detail-root[b-lh57il471g] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    /* min-width:0 paired with the parent .wiz-stage-detail's min-width:0 —
       defence in depth so this column-flex root can shrink below its
       row-flex two-column-body's intrinsic min-content width. */
    min-width: 0;
}

/* ── Step Header ──
   UX Sweep operator-feedback follow-up: the stage header was wrapping the
   title vertically (1 char wide) on stages with many right-side actions
   (Route-to-Market, Demand Gen, Launch — they ship Save Version + Mark
   Complete + 3 status pills + dependency pills). Adding `flex-wrap: wrap`
   on the parent + a real min-width on the left column makes the right
   actions drop to a second row instead of squeezing the title to zero. *@
*/
.wizard-step-header[b-lh57il471g] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-2) var(--x-spacing-3);
    background-color: var(--x-color-card);
    border-bottom: 1px solid var(--x-color-border);
    flex-shrink: 0;
    flex-wrap: wrap;
    row-gap: var(--x-spacing-2);
}

.wizard-step-header-left[b-lh57il471g] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--x-spacing-3);
    flex: 1 1 280px;
    min-width: 240px;
}

.wizard-step-header-right[b-lh57il471g] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--x-spacing-2);
    flex-shrink: 0;
    flex-wrap: wrap;
    row-gap: var(--x-spacing-1);
}

.wizard-back-btn[b-lh57il471g] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: var(--x-radius-md);
    border: 1px solid var(--x-color-border);
    background-color: var(--x-color-muted);
    color: var(--x-color-foreground);
    cursor: pointer;
    font-size: var(--x-text-lg);
    flex-shrink: 0;
}

.wizard-back-btn:hover[b-lh57il471g] {
    background-color: var(--x-color-muted);
    border-color: var(--x-color-border);
}

.wizard-step-badge[b-lh57il471g] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: var(--x-radius-md);
    background-color: var(--x-color-primary);
    color: var(--x-color-foreground);
    font-size: var(--x-text-base);
    font-weight: 700;
    flex-shrink: 0;
}

.wizard-step-title-block[b-lh57il471g] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.wizard-title-col[b-lh57il471g] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.wizard-title-col h3[b-lh57il471g] {
    margin: 0;
    font-size: var(--x-text-sm);
    font-weight: 700;
    line-height: 1.2;
}

.wizard-title-desc[b-lh57il471g] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wizard-dep-badge[b-lh57il471g] {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
}

.wizard-coverage-bar[b-lh57il471g] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--x-spacing-2);
    min-width: 180px;
}

.wizard-coverage-label[b-lh57il471g] {
    font-weight: 600;
    font-size: var(--x-text-sm);
    white-space: nowrap;
}

/* ── Two-column card ── */
.wizard-two-column-card[b-lh57il471g] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    border-radius: var(--x-radius-lg);
    border: 1px solid var(--x-color-border);
    background-color: var(--x-color-card);
    overflow: hidden;
}

.wizard-two-column-body[b-lh57il471g] {
    display: flex;
    flex-direction: row;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* ── LEFT: Chat column ── */
.wizard-chat-column[b-lh57il471g] {
    flex: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--x-color-border);
    overflow: hidden;
}

/* ── RIGHT: Workspace column ── */
.wizard-workspace-column[b-lh57il471g] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* ── Tab switcher ── */
.wizard-workspace-tabs[b-lh57il471g] {
    padding: var(--x-spacing-3) var(--x-spacing-4);
    border-bottom: 1px solid var(--x-color-border);
}

/* Tab bar container — Figma Make rounded-xl with muted background.
   UX Sweep operator-feedback follow-up: compact mode (smaller padding +
   smaller font) so the 3-tab cluster doesn't dominate the right rail. */
.wizard-tab-group[b-lh57il471g] {
    display: inline-flex;
    align-items: center;
    padding: 2px;
    background-color: var(--x-color-muted);
    border-radius: var(--x-radius-lg);
}

/* Individual tab trigger — native <button> so XButton styling doesn't override */
.wizard-tab[b-lh57il471g] {
    display: inline-flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-1);
    padding: var(--x-spacing-1) var(--x-spacing-2-5);
    border-radius: var(--x-radius-md);
    border: 1px solid transparent;
    background: transparent;
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
    cursor: pointer;
    white-space: nowrap;
    transition: color var(--x-transition-normal), background-color var(--x-transition-normal), box-shadow var(--x-transition-normal);
}

/* UX Sweep operator-feedback follow-up (Group H): the previous fix used
   `.wizard-tab ::deep .x-label { color: inherit }` to bend XLabel's
   internal black-text onto the tab's primary-foreground (white). That
   ::deep into a lib-internal violates ConsumerColorContractTests; the
   right fix is to use a plain <span class="wizard-tab-label"> instead
   of XLabel (sibling commit on WizardStageDetail.razor) so colour is
   inherited by default. */

.wizard-tab:hover:not(.wizard-tab-active)[b-lh57il471g] {
    color: var(--x-color-foreground);
    background-color: var(--x-color-card);
}

.wizard-tab:focus-visible[b-lh57il471g] {
    outline: 2px solid var(--x-color-primary-600);
    outline-offset: 2px;
}

/* Icon + label inside tab */
.wizard-tab-icon[b-lh57il471g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--x-text-xs);
    line-height: 1;
}

.wizard-tab-label[b-lh57il471g] {
    line-height: 1.2;
    color: inherit;
}

/* Active tab — FigmaMake GTMRightPanel: primary-600 fill, primary-foreground text */
.wizard-tab-active[b-lh57il471g] {
    background-color: var(--x-color-primary-600);
    color: var(--x-color-primary-foreground);
    box-shadow: var(--x-elevation-sm);
}

.wizard-tab-active:hover[b-lh57il471g] {
    background-color: var(--x-color-primary-700);
    color: var(--x-color-primary-foreground);
}

/* ── Workspace header ── */
.wizard-workspace-header[b-lh57il471g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px var(--x-spacing-5);
    border-bottom: 1px solid var(--x-color-border);
    background-color: var(--x-color-card);
    flex-shrink: 0;
}

.wizard-workspace-header-title[b-lh57il471g] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2-5);
}

.wizard-workspace-header-icon[b-lh57il471g] {
    width: 28px;
    height: 28px;
    border-radius: var(--x-radius-md);
    background: color-mix(in srgb, var(--x-color-primary) 12%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--x-text-sm);
    flex-shrink: 0;
}

.wiz-row[b-lh57il471g] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.wiz-row h3[b-lh57il471g] {
    margin: 0;
    font-size: var(--x-text-base);
    font-weight: 700;
}

/* ── Workspace content area ── */
.wizard-workspace-content[b-lh57il471g] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

/* ── Scrollable entity content ── */
.wizard-workspace-scroll-area[b-lh57il471g] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-4);
    flex: 1;
    overflow-y: auto;
}

/* ── Knowledge Library callout (M-06) ── */
.wizard-knowledge-callout[b-lh57il471g] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2-5);
    padding: var(--x-spacing-2-5) var(--x-spacing-4);
    margin: 0 var(--x-spacing-4);
    background: var(--x-color-info-muted);
    border: 1px solid rgba(59, 130, 246, 0.2);
    border-radius: var(--x-radius-lg);
    font-size: var(--x-text-sm);
}

.wizard-knowledge-callout-icon[b-lh57il471g] {
    font-size: var(--x-text-lg);
    flex-shrink: 0;
}

.wizard-knowledge-callout-text[b-lh57il471g] {
    flex: 1;
    color: var(--x-color-foreground);
}

.wizard-knowledge-callout-link[b-lh57il471g] {
    font-weight: 600;
    color: var(--x-color-info);
    text-decoration: none;
    white-space: nowrap;
}

.wizard-knowledge-callout-link:hover[b-lh57il471g] {
    text-decoration: underline;
}

.wizard-version-badge[b-lh57il471g] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
    font-size: var(--x-text-xxs);
    font-weight: 500;
    color: var(--x-color-muted-foreground);
    background: var(--x-color-muted);
    padding: 3px var(--x-spacing-2);
    border-radius: var(--x-radius-full);
    white-space: nowrap;
}

/* ── Generation progress ── */
.wizard-generation-progress[b-lh57il471g] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2-5);
    padding: var(--x-spacing-2-5) var(--x-spacing-4);
    margin-top: var(--x-spacing-2);
    background: rgba(37, 99, 235, 0.08);
    border: 1px solid rgba(37, 99, 235, 0.2);
    border-radius: var(--x-radius-lg);
    font-size: var(--x-text-sm);
    color: var(--x-color-primary-hover);
    animation: fadeIn-b-lh57il471g var(--x-transition-normal);
}

.wizard-generation-progress.result-success[b-lh57il471g] {
    background: rgba(22, 163, 74, 0.08);
    border-color: rgba(22, 163, 74, 0.25);
    color: var(--x-color-success);
}

.wizard-generation-progress.result-warning[b-lh57il471g] {
    background: rgba(234, 179, 8, 0.08);
    border-color: rgba(234, 179, 8, 0.25);
    color: var(--x-color-warning);
}

.wizard-generation-progress.result-error[b-lh57il471g] {
    background: rgba(220, 38, 38, 0.08);
    border-color: rgba(220, 38, 38, 0.25);
    color: var(--x-color-destructive-hover);
}

.wizard-generation-spinner[b-lh57il471g] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(37, 99, 235, 0.3);
    border-top-color: var(--x-color-primary);
    border-radius: 50%;
    animation: spin-b-lh57il471g 0.8s linear infinite;
    flex-shrink: 0;
}

.wizard-generation-message[b-lh57il471g] {
    font-weight: 500;
    flex: 1;
}

.wizard-generation-dismiss[b-lh57il471g] {
    background: none;
    border: none;
    font-size: var(--x-text-lg);
    cursor: pointer;
    color: inherit;
    opacity: 0.6;
    padding: 0 var(--x-spacing-1);
    line-height: 1;
    flex-shrink: 0;
}

.wizard-generation-dismiss:hover[b-lh57il471g] {
    opacity: 1;
}

@keyframes spin-b-lh57il471g {
    to { transform: rotate(360deg); }
}

@keyframes fadeIn-b-lh57il471g {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Blazor scoped-CSS isolation: the .wiz-loading rule in GtmWizardShell.razor.css
   doesn't reach into WizardStageDetail's [b-xxxxxx] scope, so the loading-state
   row this component renders needs its own scoped declaration here. */
.wiz-loading[b-lh57il471g] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-12);
}

/* ── Inline-style extractions ── */
.wiz-stack-sm[b-lh57il471g] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.wiz-stack[b-lh57il471g] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
}

.wiz-alert-margin[b-lh57il471g] {
    margin: 0 var(--x-spacing-4);
}

.wiz-loading-center[b-lh57il471g] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-6);
}

.wiz-text-muted-sm[b-lh57il471g] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
}

.wiz-bullet[b-lh57il471g] {
    margin: 2px 0;
}

.wiz-guidance-summary-header[b-lh57il471g] {
    cursor: pointer;
    user-select: none;
    padding: var(--x-spacing-2);
    background-color: var(--x-color-muted);
    border-radius: var(--x-radius-sm);
}

.wiz-guidance-history-list[b-lh57il471g] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
    padding-top: var(--x-spacing-3);
}

.wiz-history-card-inner[b-lh57il471g] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.wiz-between[b-lh57il471g] {
    display: flex;
    justify-content: space-between;
}

.wiz-history-meta[b-lh57il471g] {
    display: flex;
    gap: var(--x-spacing-3);
}

.wiz-history-text[b-lh57il471g] {
    margin: 0;
}

.wiz-section-border[b-lh57il471g] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
    border-top: 1px solid var(--x-color-border);
    padding-top: var(--x-spacing-4);
}

.wiz-note-form[b-lh57il471g] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.wiz-notes-empty[b-lh57il471g] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
    padding: var(--x-spacing-4);
    text-align: center;
}

.wiz-note-card-inner[b-lh57il471g] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.wiz-note-date[b-lh57il471g] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
}

.wiz-note-text[b-lh57il471g] {
    margin: 0;
}

.wiz-header-title[b-lh57il471g] {
    margin: 0;
}

/* ═══════════════════════════════════════════════════════════════════════════
   GTM Wizard Entity Card Patterns (shared across all wizard step panels)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Pattern A: AI Draft Entity Card (yellow/amber border) ── */

.wiz-entity-card--draft[b-lh57il471g] {
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-warning-muted);
    border-radius: var(--x-radius-lg);
    overflow: hidden;
    transition: box-shadow var(--x-transition-normal), transform var(--x-transition-normal);
}

.wiz-entity-card--draft:hover[b-lh57il471g] {
    box-shadow: var(--x-elevation-card);
    transform: translateY(-1px);
}

.wiz-entity-card--draft.selected[b-lh57il471g] {
    border: 2px solid var(--x-color-info);
    box-shadow: 0 0 0 3px var(--x-color-info-muted);
    transform: none;
}

.wiz-entity-header--draft[b-lh57il471g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--x-spacing-2) var(--x-spacing-4);
    background-color: var(--x-color-warning-muted);
    border-bottom: 1px solid var(--x-color-warning-muted);
}

.wiz-entity-header-left[b-lh57il471g] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.wiz-entity-header-right[b-lh57il471g] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
}

.wiz-badge--draft[b-lh57il471g] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
    background-color: var(--x-color-warning-muted);
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-warning-foreground);
}

.wiz-entity-timestamp[b-lh57il471g] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
}

.wiz-entity-action[b-lh57il471g] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    padding: var(--x-spacing-1) var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
    border: none;
    background: transparent;
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    cursor: pointer;
    transition: background-color var(--x-transition-normal);
}

.wiz-entity-action--accept[b-lh57il471g] { color: var(--x-color-success); }
.wiz-entity-action--accept:hover[b-lh57il471g] { background-color: var(--x-color-success-muted); }
.wiz-entity-action--edit[b-lh57il471g] { color: var(--x-color-info); }
.wiz-entity-action--edit:hover[b-lh57il471g] { background-color: var(--x-color-info-muted); }
.wiz-entity-action--drop[b-lh57il471g] { color: var(--x-color-destructive); }
.wiz-entity-action--drop:hover[b-lh57il471g] { background-color: var(--x-color-destructive-muted); }

.wiz-entity-body[b-lh57il471g] {
    padding: var(--x-spacing-4);
}

/* ── Pattern B: Committed Entity Card (neutral border) ── */

.wiz-entity-card--committed[b-lh57il471g] {
    background-color: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-lg);
    overflow: hidden;
    transition: box-shadow var(--x-transition-normal), transform var(--x-transition-normal);
}

.wiz-entity-card--committed:hover[b-lh57il471g] {
    box-shadow: var(--x-elevation-card);
    transform: translateY(-1px);
}

.wiz-entity-header--committed[b-lh57il471g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--x-spacing-2) var(--x-spacing-4);
    background-color: var(--x-color-background);
    border-bottom: 1px solid var(--x-color-border);
}

.wiz-badge--active[b-lh57il471g] {
    display: inline-flex;
    align-items: center;
    gap: var(--x-spacing-1);
    padding: var(--x-spacing-0-5) var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
    background-color: var(--x-color-success-muted);
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-success);
}

/* ── Pattern C: Two-Column Attribute Grid ── */

.wiz-attr-grid[b-lh57il471g] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--x-spacing-3);
}

.wiz-attr-grid-3col[b-lh57il471g] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--x-spacing-2);
}

.wiz-attr-card[b-lh57il471g] {
    padding: var(--x-spacing-3);
    border-radius: var(--x-radius-lg);
    background-color: var(--x-color-background);
    border: 1px solid var(--x-color-border);
}

.wiz-attr-label[b-lh57il471g] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-1);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.wiz-attr-value[b-lh57il471g] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

/* ── Pattern D: Goals/Challenges Two-Column List ── */

.wiz-dual-list[b-lh57il471g] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--x-spacing-3);
}

.wiz-list-header[b-lh57il471g] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    margin-bottom: var(--x-spacing-2);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.wiz-list-item[b-lh57il471g] {
    font-size: var(--x-text-xs);
    color: var(--x-color-foreground);
    padding-left: var(--x-spacing-2);
    position: relative;
    line-height: 1.4;
}

.wiz-list-item[b-lh57il471g]::before {
    content: '\2022';
    position: absolute;
    left: 0;
}

.wiz-list-item--success[b-lh57il471g]::before { color: var(--x-color-success); }
.wiz-list-item--warning[b-lh57il471g]::before { color: var(--x-color-warning); }
.wiz-list-item--danger[b-lh57il471g]::before { color: var(--x-color-destructive); }
.wiz-list-item--primary[b-lh57il471g]::before { color: var(--x-color-primary); }
.wiz-list-item--info[b-lh57il471g]::before { color: var(--x-color-info); }

.wiz-list-more[b-lh57il471g] {
    font-size: var(--x-text-xs);
    color: var(--x-color-muted-foreground);
    font-style: italic;
    padding-left: var(--x-spacing-2);
}

/* ── Pattern E: Entity Header (Name + Badge) ── */

.wiz-entity-title-row[b-lh57il471g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--x-spacing-3);
}

.wiz-entity-name[b-lh57il471g] {
    font-size: var(--x-text-base);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

.wiz-entity-subtitle[b-lh57il471g] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    margin-top: 2px;
}

.wiz-entity-description[b-lh57il471g] {
    font-size: var(--x-text-sm);
    color: var(--x-color-muted-foreground);
    line-height: 1.5;
}

/* ── Pattern F: Colored Info Card ── */

.wiz-info-card[b-lh57il471g] {
    display: flex;
    align-items: flex-start;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-3);
    border-radius: var(--x-radius-lg);
}

.wiz-info-card--primary[b-lh57il471g] {
    background-color: var(--x-color-primary-muted);
    border: 1px solid var(--x-color-primary-muted);
}

.wiz-info-card--success[b-lh57il471g] {
    background-color: var(--x-color-success-muted);
    border: 1px solid var(--x-color-success-muted);
}

.wiz-info-card--warning[b-lh57il471g] {
    background-color: var(--x-color-warning-muted);
    border: 1px solid var(--x-color-warning-muted);
}

.wiz-info-card--info[b-lh57il471g] {
    background-color: var(--x-color-info-muted);
    border: 1px solid var(--x-color-info-muted);
}

/* ── Pattern G: Section Header (AI Workspace / Committed) ── */

.wiz-section-header[b-lh57il471g] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
    margin-bottom: var(--x-spacing-4);
}

.wiz-section-icon[b-lh57il471g] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: var(--x-radius-sm);
}

.wiz-section-icon--draft[b-lh57il471g] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning-foreground);
}

.wiz-section-icon--committed[b-lh57il471g] {
    color: var(--x-color-success);
}

.wiz-section-title[b-lh57il471g] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    color: var(--x-color-foreground);
}

.wiz-section-count[b-lh57il471g] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: var(--x-radius-full);
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
}

.wiz-section-count--draft[b-lh57il471g] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning-foreground);
}

.wiz-section-count--committed[b-lh57il471g] {
    background-color: var(--x-color-success-muted);
    color: var(--x-color-success);
}

/* ── Pattern H: Pill/Tag for lists ── */

.wiz-pill[b-lh57il471g] {
    display: inline-flex;
    align-items: center;
    padding: var(--x-spacing-1) var(--x-spacing-2);
    border-radius: var(--x-radius-sm);
    font-size: var(--x-text-xs);
    font-weight: var(--x-font-weight-normal);
}

.wiz-pill--primary[b-lh57il471g] {
    background-color: var(--x-color-primary-muted);
    color: var(--x-color-primary);
}

.wiz-pill--info[b-lh57il471g] {
    background-color: var(--x-color-info-muted);
    color: var(--x-color-info);
}

.wiz-pill--warning[b-lh57il471g] {
    background-color: var(--x-color-warning-muted);
    color: var(--x-color-warning-foreground);
}

.wiz-pill--muted[b-lh57il471g] {
    background-color: var(--x-color-muted);
    border: 1px solid var(--x-color-border);
    color: var(--x-color-muted-foreground);
}

/* ── Pattern I: Discuss Selected button ── */

.wiz-discuss-selected[b-lh57il471g] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--x-spacing-2);
    padding: var(--x-spacing-2) var(--x-spacing-4);
    border-radius: var(--x-radius-lg);
    background-color: var(--x-color-info-muted);
    border: 1px solid var(--x-color-info-muted);
    color: var(--x-color-info);
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-medium);
    cursor: pointer;
    transition: background-color var(--x-transition-normal);
}

.wiz-discuss-selected:hover[b-lh57il471g] {
    background-color: var(--x-color-info-muted);
}

/* ── Inline style extraction: small button text (v3.3.0 cleanup) ── */
.wizard-btn-sm[b-lh57il471g] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-semibold);
    /* Stage-action buttons embed the entity-type plural in the label
       ("Generate Draft Competitors", "Generate Draft Personas") which can
       be 26+ chars. Without nowrap the label collapses onto two lines in
       the narrow stage-header column. */
    white-space: nowrap;
}

/* ── Mobile Responsive (v3.3.0 parity) ── */

@media (max-width: 1024px) {
    .wizard-two-column-body[b-lh57il471g] {
        flex-direction: column;
    }
    .wizard-chat-column[b-lh57il471g],
    .wizard-workspace-column[b-lh57il471g] {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .wizard-step-header[b-lh57il471g] {
        flex-wrap: wrap;
        gap: var(--x-spacing-2);
    }
    .wizard-step-header-right[b-lh57il471g] {
        width: 100%;
        justify-content: flex-start;
    }
    .wizard-coverage-bar[b-lh57il471g] {
        width: 100%;
    }
    .wizard-tab-group[b-lh57il471g] {
        width: 100%;
    }
    .wizard-tab[b-lh57il471g] {
        flex: 1;
        min-width: 0;
    }
}
/* /Components/Wizard/WizardStageGuidancePanel.razor.rz.scp.css */
/* Blazor scoped-CSS isolation: the rules in WizardStageDetail.razor.css don't
   reach into this child component's [b-xxxxxx] scope, so the .wizard-workspace-*
   and .wiz-* layout classes WizardStageGuidancePanel renders need their own
   scoped declarations here. */

.wizard-workspace-scroll-area[b-w1gvlkvztt] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-4);
    padding: var(--x-spacing-4);
    flex: 1;
    overflow-y: auto;
}

.wiz-stack-sm[b-w1gvlkvztt] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
}

.wiz-row[b-w1gvlkvztt] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-2);
}

.wiz-section-border[b-w1gvlkvztt] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
    border-top: 1px solid var(--x-color-border);
    padding-top: var(--x-spacing-4);
}

.wiz-loading-center[b-w1gvlkvztt] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: var(--x-spacing-3);
    padding: var(--x-spacing-6);
}

.wiz-text-muted-sm[b-w1gvlkvztt] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
}

.wiz-bullet[b-w1gvlkvztt] {
    margin: 2px 0;
}

.wiz-guidance-summary-header[b-w1gvlkvztt] {
    cursor: pointer;
    user-select: none;
    padding: var(--x-spacing-2);
    background-color: var(--x-color-muted);
    border-radius: var(--x-radius-sm);
}

.wiz-guidance-history-list[b-w1gvlkvztt] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-3);
    padding-top: var(--x-spacing-3);
}

.wiz-history-card-inner[b-w1gvlkvztt] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.wiz-between[b-w1gvlkvztt] {
    display: flex;
    justify-content: space-between;
}

.wiz-history-meta[b-w1gvlkvztt] {
    display: flex;
    gap: var(--x-spacing-3);
}

.wiz-history-text[b-w1gvlkvztt] {
    margin: 0;
}

.wiz-note-form[b-w1gvlkvztt] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.wiz-notes-empty[b-w1gvlkvztt] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
    padding: var(--x-spacing-4);
    text-align: center;
}

.wiz-note-card-inner[b-w1gvlkvztt] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-2);
}

.wiz-note-date[b-w1gvlkvztt] {
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-sm);
}

.wiz-note-text[b-w1gvlkvztt] {
    margin: 0;
}

.wiz-header-title[b-w1gvlkvztt] {
    margin: 0;
}
/* /Components/Wizard/WizardStageSignalInsight.razor.rz.scp.css */
/* 2026-05-25 UX sweep: dropped full-box chrome (border + radius + bg) in favour
   of a single bottom-border so the panel reads as a section separator inside
   the wizard right pane, not a nested card. Keep the all-sides padding from
   the original boxed version — the horizontal padding is the load-bearing
   indent the content sits at; without it the icon/text crash into the pane's
   inner edge. Matches WizardKnowledgeVaultPanel for sibling visual parity. */
.si-panel[b-624428en10] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
    padding: var(--x-spacing-2);
    border-bottom: 1px solid var(--x-color-border);
}

.si-header[b-624428en10] {
    display: flex;
    align-items: center;
    gap: var(--x-spacing-1);
    color: var(--x-color-primary);
}

.si-badge[b-624428en10] {
    font-size: var(--x-text-xs);
    font-weight: 600;
}

.si-list[b-624428en10] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.si-item[b-624428en10] {
    display: flex;
    justify-content: space-between;
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
}

.si-title[b-624428en10] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.si-source[b-624428en10] {
    flex-shrink: 0;
    margin-left: var(--x-spacing-2);
    color: var(--x-color-muted-foreground);
    opacity: 0.7;
}

/* UX Sweep operator-feedback round 4: native <details>/<summary> styling
   for the collapsible signals badge. Hide the default disclosure marker
   (uses our own chevron via ::after). */
.si-panel[open] > .si-header[b-624428en10]::after {
    content: "▾";
    margin-left: auto;
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
}

.si-panel:not([open]) > .si-header[b-624428en10]::after {
    content: "▸";
    margin-left: auto;
    color: var(--x-color-muted-foreground);
    font-size: var(--x-text-xs);
}

.si-header[b-624428en10] {
    list-style: none;
    cursor: pointer;
    user-select: none;
}

.si-header[b-624428en10]::-webkit-details-marker {
    display: none;
}
/* /Components/Wizard/WizardStepNavigator.razor.rz.scp.css */
/* v3.47 absorption: XProgressHero.FillGradient + GlowColor parameters retired
   per Path C (XBL-141 typed-parameter sweep finalisation). The previous typed-
   parameter values are now consumer CSS-custom-property overrides — Xablu lib
   reads these from the cascade. Same visual; typed-API contract preserved. */
.wiz-progress-hero[b-p3uekycnpj] {
    --x-progresshero-fill-gradient: var(--x-gradient-primary-stripe);
    --x-progresshero-glow-color: var(--x-elevation-glow-primary);
}

/* Blazor scoped-CSS isolation: the rules in GtmWizardShell.razor.css don't
   reach into this child component's [b-xxxxxx] scope, so the .wiz-overview
   and .gtm-step-grid layout classes WizardStepNavigator renders need their
   own scoped declarations here. */

.wiz-overview[b-p3uekycnpj] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-6);
    overflow-y: auto;
    padding: var(--x-spacing-1);
}

.gtm-step-grid[b-p3uekycnpj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--x-spacing-4);
}
/* /Components/Workspace/WorkspaceCard.razor.rz.scp.css */
/* WorkspaceCard — scoped styles */

.card-workspace[b-pzy20xfa78] {
    width: 360px;
    padding: var(--x-spacing-5);
    background: var(--x-color-card);
    border: 1px solid var(--x-color-border);
    border-radius: var(--x-radius-lg);
    cursor: pointer;
    transition: all var(--x-transition-normal);
    box-shadow: var(--x-elevation-sm);
}

.card-workspace:hover[b-pzy20xfa78] {
    border-color: var(--x-color-primary-muted);
    box-shadow: var(--x-elevation-card);
    transform: translateY(-2px);
}

.card-workspace:focus-visible[b-pzy20xfa78] {
    outline: 2px solid var(--x-color-ring);
    outline-offset: 2px;
}

.card-workspace:active[b-pzy20xfa78] {
    border-color: var(--x-color-primary);
    transform: translateY(0);
}

/* v3.44.0 absorption: card-workspace-selected modifier retired — XCard.AccentColor +
   AccentBorder render the canonical 3px top-edge accent for the selected state via
   the lib's .x-card--accent-primary + .x-card--accent-border surface. */

.workspace-icon[b-pzy20xfa78] {
    width: 56px;
    height: 56px;
    border-radius: var(--x-radius-lg);
    background: linear-gradient(135deg, var(--x-color-primary-muted) 0%, var(--x-color-primary-muted) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.workspace-logo[b-pzy20xfa78] {
    width: 56px;
    height: 56px;
    border-radius: var(--x-radius-lg);
    object-fit: cover;
}

.workspace-stats[b-pzy20xfa78] {
    display: flex;
    gap: var(--x-spacing-6);
    padding-top: var(--x-spacing-3);
}

.workspace-stat-item[b-pzy20xfa78] {
    display: flex;
    flex-direction: column;
    gap: var(--x-spacing-1);
}

.workspace-stat-label[b-pzy20xfa78] {
    font-size: var(--x-text-xxs);
    color: var(--x-color-muted-foreground);
    font-weight: var(--x-font-weight-medium);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.workspace-stat-value[b-pzy20xfa78] {
    font-size: var(--x-text-sm);
    font-weight: var(--x-font-weight-semibold);
    color: var(--x-color-foreground);
}

.btn-full-width[b-pzy20xfa78] {
    width: 100%;
}

.btn-full-width:hover[b-pzy20xfa78] {
    background: var(--x-color-primary);
}

.btn-full-width:focus-visible[b-pzy20xfa78] {
    outline: 2px solid var(--x-color-ring);
    outline-offset: 2px;
}

.btn-full-width:active[b-pzy20xfa78] {
    background: var(--x-color-primary-hover);
}

.btn-full-width:disabled[b-pzy20xfa78],
.btn-full-width[disabled][b-pzy20xfa78] {
    background: var(--x-color-muted);
    color: var(--x-color-muted-foreground);
    cursor: not-allowed;
}