/* Status badges — pill, uppercase */

.badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px var(--space-3);
  border-radius: var(--radius-full);
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.badge-success { background: var(--color-success-dim); color: var(--color-success); }
.badge-danger  { background: var(--color-danger-dim);  color: var(--color-danger); }
.badge-warning { background: var(--color-warning-dim); color: var(--color-accent-ink); }
.badge-info    { background: var(--color-accent-dim);   color: var(--color-accent-ink); }
.badge-neutral { background: var(--color-paper-2);      color: var(--color-ink-2); }

.error-msg {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-top: var(--space-4);
  padding: var(--space-3) var(--space-4);
  background: var(--color-danger-dim);
  border: 1px solid var(--color-danger);
  border-radius: var(--radius-md);
  color: var(--color-danger);
  font-family: var(--font-mono);
  font-size: 13px;
}

.error-msg svg { width: 16px; height: 16px; flex-shrink: 0; }