/* Dashboard admin widgets (S10c) — body content + card modifiers.
   All widgets render inside EndoCard's .et-card__body (flex column). These rules
   shape the KPI amount/unit/subtitle rows, alert rows, and stock alert list.
   Zero hex. Tokens only. */

.et-dash-alert-count {
    color: var(--et-text);
    font-size: var(--et-text-xl);
    font-weight: 600;
    min-width: 2ch;
}

.et-dash-alert-label {
    color: var(--et-text-muted);
    font-size: var(--et-text-sm);
}

/* Root card modifiers — applied to .et-card via EndoCard.Class parameter. */

.et-dash-card--warning {
    border-color: var(--et-status-warning);
}

.et-dash-card--warning .et-dash-alert-count {
    color: var(--et-status-warning);
}

/* Dev preview page helpers (S10b — __DashboardPrimitivesPreview.razor) */

.et-preview-constrained {
    max-width: 1200px;
}

.et-preview-section-label {
    margin-bottom: var(--et-space-3);
}

.et-text-muted-sm {
    color: var(--et-text-muted);
    font-size: var(--et-text-sm);
}

.et-preview-badge-row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--et-space-4);
    align-items: center;
}

.et-preview-sparkline-wrap {
    max-width: 240px;
}

.et-preview-sparkline-wrap--gap {
    margin-top: var(--et-space-4);
}

/* KPI banner spacer — both Reports KPI rows (Integrity severity / AR aging) reuse
   .et-dashboard-grid for layout parity with the Dashboard top-strip. The banner
   role calls for vertical separation from the table/grid below; this single rule
   centralizes it. Reference: docs/handoff/kpicard-reference.html top KPI strip. */
.et-integrity-banner-row,
.et-aging-summary-row {
    margin-bottom: var(--et-space-6);
}

/* CxC pending badge — warning-accent "{N} pend" chip rendered inside KpiCard BadgeContent.
   Matches S23 reference (docs/handoff/kpicard-reference-dark.png AR card top-right).
   Zero hex. Tokens only. */

.et-cxc-pending-badge {
    display: inline-flex;
    align-items: baseline;
    gap: var(--et-space-1);
    color: var(--et-status-warning);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.et-cxc-pending-badge__label {
    color: var(--et-text-muted);
    font-weight: 400;
    font-size: var(--et-text-xs);
}