/* Deployments: states and buttons on brand tokens (brand.css). */
.num, td.num, dd.num { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
.muted { color: var(--color-muted); font-size: var(--text-sm); }
.error { color: var(--color-danger); font-family: var(--font-mono); }
.state { font: var(--text-xs) var(--font-mono); padding: var(--space-1) var(--space-2); border-radius: var(--radius-full); border: 1px solid var(--color-border); }
.state-ready { color: var(--color-success); border-color: var(--color-success); }
.state-starting { color: var(--color-warn); border-color: var(--color-warn); }
.state-failed, .state-stopped { color: var(--color-danger); border-color: var(--color-danger); }
.btn { font: var(--text-md) var(--font-sans); padding: var(--space-2) var(--space-4); border: 0; border-radius: var(--radius-md); cursor: pointer; background: var(--color-primary); color: var(--color-on-primary); }
.btn-danger { background: var(--color-danger); color: var(--color-surface); }