/* ui/badge.css */

.acms-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
  white-space: nowrap;
  user-select: none;
}

.acms-badge--status {
  padding: 2px var(--space-3);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-radius: var(--radius-full);
  border: 1px solid transparent;
}

.acms-badge--status-success { background: var(--status-success-bg); color: var(--status-success-fg); border-color: var(--status-success-border); }
.acms-badge--status-warn    { background: var(--status-warning-bg); color: var(--status-warning-fg); border-color: var(--status-warning-border); }
.acms-badge--status-danger  { background: var(--status-danger-bg);  color: var(--status-danger-fg);  border-color: var(--status-danger-border); }
.acms-badge--status-info    { background: var(--status-info-bg);    color: var(--status-info-fg);    border-color: var(--status-info-border); }
.acms-badge--status-neutral { background: var(--bg-inset);           color: var(--fg-secondary);      border-color: var(--border-default); }

.acms-badge--count {
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  background: var(--accent-bg);
  color: var(--accent-fg);
  border-radius: var(--radius-full);
  line-height: 1;
}

.acms-badge--label {
  padding: 2px 6px;
  font-size: 11px;
  font-weight: var(--font-weight-medium);
  background: var(--bg-inset);
  color: var(--fg-secondary);
  border-radius: var(--radius-xs);
}