.status-banner.svelte-1xd49a3{display:flex;align-items:center;gap:1rem;padding:1.5rem;border:1px solid var(--color-border-subtle);border-radius:.75rem;background:var(--color-surface-raised);margin-bottom:2rem}.status-banner.svelte-1xd49a3 h1:where(.svelte-1xd49a3){font-size:1.5rem;font-weight:700;color:var(--color-text-primary);line-height:1.2;margin:0}.status-banner.svelte-1xd49a3 p:where(.svelte-1xd49a3){font-size:.875rem;color:var(--color-text-tertiary);margin:.25rem 0 0}.status-banner.svelte-1xd49a3 .dot:where(.svelte-1xd49a3){width:.875rem;height:.875rem;border-radius:50%;flex-shrink:0;background:var(--live);box-shadow:0 0 0 4px color-mix(in oklch,var(--live) 22%,transparent)}.components.svelte-1xd49a3{list-style:none;padding:0;margin:0;border:1px solid var(--color-border-subtle);border-radius:.75rem;overflow:hidden}.component.svelte-1xd49a3{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:var(--color-card)}.component.svelte-1xd49a3+.component:where(.svelte-1xd49a3){border-top:1px solid var(--color-border-subtle)}.component-meta.svelte-1xd49a3{display:flex;flex-direction:column;gap:.125rem;min-width:0}.component-name.svelte-1xd49a3{font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.component-desc.svelte-1xd49a3{font-size:.8125rem;color:var(--color-text-tertiary)}.badge.svelte-1xd49a3{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;white-space:nowrap;padding:.3rem .6rem;border-radius:999px}.badge.svelte-1xd49a3 .dot:where(.svelte-1xd49a3){width:.5rem;height:.5rem;border-radius:50%}.badge.operational.svelte-1xd49a3{color:var(--live-ink);background:var(--live-soft)}.badge.operational.svelte-1xd49a3 .dot:where(.svelte-1xd49a3){background:var(--live)}.badge.degraded.svelte-1xd49a3{color:#734c00;color:oklch(.45 .14 75);background:color-mix(in oklch,var(--amber) 18%,transparent)}.badge.degraded.svelte-1xd49a3 .dot:where(.svelte-1xd49a3){background:var(--amber)}.badge.down.svelte-1xd49a3{color:var(--rose);background:color-mix(in oklch,var(--rose) 14%,transparent)}.badge.down.svelte-1xd49a3 .dot:where(.svelte-1xd49a3){background:var(--rose)}