.atlas-status-badge {
    display: inline-flex;
    min-height: 1.75rem;
    align-items: center;
    gap: var(--space-2);
    margin-bottom: var(--space-3);
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-small);
    background: var(--color-surface-muted);
    color: var(--color-text-tertiary);
    font-size: var(--font-size-caption);
    font-weight: 700;
}

.atlas-status-badge__marker {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: currentColor;
}

.atlas-status-badge[data-tone="information"] {
    background: var(--color-information-soft);
    color: var(--color-information);
}

.atlas-status-badge[data-tone="positive"] {
    background: var(--color-success-soft);
    color: var(--color-success);
}

.atlas-status-badge[data-tone="caution"] {
    background: var(--color-warning-soft);
    color: var(--color-warning);
}

.atlas-status-badge[data-tone="critical"] {
    background: var(--color-danger-soft);
    color: var(--color-danger);
}