/* Badges, Flash/Toasts */
.badge {
  display: inline-block; padding: 0.1rem var(--space-2); font-size: 0.8rem; font-weight: 600; line-height: 1.4;
  border-radius: 999px; background: var(--color-surface-2); color: var(--color-text); border: 1px solid var(--color-border);
}
.badge-ok, .badge-public { background: var(--color-ok-bg); color: var(--color-ok-text); border-color: transparent; }
.badge-off, .badge-error, .badge-denied { background: var(--color-error-bg); color: var(--color-error-text); border-color: transparent; }
.badge-warn, .badge-fun { background: var(--color-warn-bg); color: var(--color-warn-text); border-color: transparent; }
.badge-info, .badge-tournament { background: var(--color-info-bg); color: var(--color-info-text); border-color: transparent; }

.flash { padding: var(--space-3) var(--space-4); margin-bottom: var(--space-4); border-radius: var(--radius-sm); border-left: 4px solid currentcolor; }
.flash-alert { background: var(--color-error-bg); color: var(--color-error-text); }
.flash-notice { background: var(--color-ok-bg); color: var(--color-ok-text); }