/* Badge — context-free indicator pills */

.badge {
  display: inline-block;
  padding: 0.125rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: var(--pico-border-radius);
}

.badge--draft {
  background-color: var(--pico-muted-border-color);
  color: var(--pico-muted-color);
}

.badge--new-events {
  background-color: var(--pico-primary-color, #1976d2);
  color: #fff;
}

.badge--closing {
  background-color: var(--pico-del-color, #d32f2f);
  color: #fff;
}

.closed-banner {
  padding: 1rem;
  margin-bottom: 1.5rem;
  border: 1px solid var(--pico-del-color, #d32f2f);
  border-radius: var(--pico-border-radius);
  background-color: color-mix(in srgb, var(--pico-del-color, #d32f2f) 8%, transparent);
}

/* ─── v2 DS — .lc-badge family (extracted from components.css in U5) ─── */
.lc-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-1);
  font-family: var(--font-mono);
  font-size: var(--fs-12);
  font-weight: var(--fw-medium);
  letter-spacing: 0.04em;
  padding: 2px var(--sp-2);
  border-radius: var(--r-1);
  background: var(--color-surface);
  color: var(--color-ink);
  text-transform: uppercase;
}
.lc-badge--success { background: var(--color-success-soft); color: var(--color-success); }
.lc-badge--warn    { background: var(--color-warn-soft);    color: var(--color-warn); }
.lc-badge--danger  { background: var(--color-danger-soft);  color: var(--color-danger); }
.lc-badge--primary { background: var(--color-primary-soft); color: var(--color-primary); }

.lc-badge--dot::before {
  content: "";
  width: 6px; height: 6px;
  border-radius: 50%;
  background: currentColor;
  display: inline-block;
}

/* R16 interaction state: badges are typically static, but when used
 * as the visible label for a focusable element (button, link) they
 * inherit the focus ring for keyboard users. */
.lc-badge:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-focus-ring);
}