.status-pill{display:inline-flex;align-items:center;gap:var(--space-2);width:fit-content;border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);font:var(--type-pill);color:var(--color-body);background:var(--color-surface-subtle);white-space:nowrap}.status-pill[data-dot]:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status-pill[data-tone=accent]{background:var(--color-accent-tint);border-color:var(--color-border);color:var(--color-accent-tint-text)}.status-pill[data-tone=violet]{--violet-tint:#EDE9FE;--violet-text:#5B21B6;background:var(--violet-tint);border-color:var(--violet-tint);color:var(--violet-text)}[data-band=inverse] .status-pill[data-tone=violet],[data-mode=dark] .status-pill[data-tone=violet]{--violet-tint:#1E1537;--violet-text:#C4B5FD}.status-pill[data-tone=success]{background:var(--color-success-tint);border-color:var(--color-success-tint);color:var(--color-success-text)}.status-pill[data-tone=warning]{background:var(--color-warning-tint);border-color:var(--color-warning-tint);color:var(--color-warning)}.status-pill[data-tone=danger]{background:var(--color-danger-tint);border-color:var(--color-danger-tint);color:var(--color-danger-text)}