/* src/EventBooking.Web/Components/components.css (complete) */
.status-badge, .type-chip { display: inline-flex; align-items: center; border-radius: 999px; padding: var(--space-1) var(--space-2); font-weight: 600; }
.status-success { color: var(--color-success); } .status-warning { color: var(--color-warning); }
.status-error, .status-failed, .status-noshow { color: var(--color-danger); }
.status-info, .status-open, .status-active { color: var(--color-primary); }
.type-palette-0 { background: var(--color-type-0-bg); color: var(--color-type-0-fg); }
.type-palette-1 { background: var(--color-type-1-bg); color: var(--color-type-1-fg); }
.type-palette-2 { background: var(--color-type-2-bg); color: var(--color-type-2-fg); }
.type-palette-3 { background: var(--color-type-3-bg); color: var(--color-type-3-fg); }
.type-palette-4 { background: var(--color-type-4-bg); color: var(--color-type-4-fg); }
.type-palette-5 { background: var(--color-type-5-bg); color: var(--color-type-5-fg); }
.type-palette-6 { background: var(--color-type-6-bg); color: var(--color-type-6-fg); }
.type-palette-7 { background: var(--color-type-7-bg); color: var(--color-type-7-fg); }
.banner { border-inline-start: 0.25rem solid currentColor; padding: var(--space-3); margin-block: var(--space-3); background: var(--color-neutral-50); }
.banner-info { color: var(--color-primary); } .banner-success { color: var(--color-success); }
.banner-warning { color: var(--color-warning); } .banner-error { color: var(--color-danger); }
.picker-list, .capacity-breakdown { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-2); }
.loading-skeleton { min-height: 6rem; background: var(--color-neutral-100); border-radius: var(--radius-card); }