/* AutoRestwert Designsystem — Status-Badges
 * AUTOMATISCH ERZEUGT aus design-system/tokens/tokens.json (Version 2.0.0).
 * Nicht von Hand bearbeiten: node design-system/scripts/build-tokens.mjs
 */

/* Farbe ist nie das einzige Merkmal: jeder Status traegt einen Punkt UND Text. */
.ar-status {
  display: inline-flex; align-items: center; gap: var(--ar-space-2);
  padding: 0 var(--ar-space-2); border-radius: var(--ar-radius-sm);
  border: 1px solid transparent;
  font-size: var(--ar-font-size-sm); line-height: var(--ar-layout-control-height-sm);
  font-weight: var(--ar-font-weight-medium);
  /* Lange Bezeichnungen duerfen umbrechen, statt die Seite aufzuziehen. */
  max-width: 100%; overflow-wrap: anywhere; text-align: start;
}
.ar-status--nowrap { white-space: nowrap; overflow-wrap: normal; }
.ar-status::before {
  content: ''; flex: none; width: 0.5rem; height: 0.5rem;
  border-radius: var(--ar-radius-full); background: currentColor;
}
.ar-status--block { display: flex; width: fit-content; }
.ar-status--neutral { background: var(--ar-status-tone-neutral-bg); color: var(--ar-status-tone-neutral-fg); border-color: var(--ar-status-tone-neutral-border); }
.ar-status--brand { background: var(--ar-status-tone-brand-bg); color: var(--ar-status-tone-brand-fg); border-color: var(--ar-status-tone-brand-border); }
.ar-status--info { background: var(--ar-status-tone-info-bg); color: var(--ar-status-tone-info-fg); border-color: var(--ar-status-tone-info-border); }
.ar-status--success { background: var(--ar-status-tone-success-bg); color: var(--ar-status-tone-success-fg); border-color: var(--ar-status-tone-success-border); }
.ar-status--warning { background: var(--ar-status-tone-warning-bg); color: var(--ar-status-tone-warning-fg); border-color: var(--ar-status-tone-warning-border); }
.ar-status--danger { background: var(--ar-status-tone-danger-bg); color: var(--ar-status-tone-danger-fg); border-color: var(--ar-status-tone-danger-border); }