.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border:1px solid var(--app-border);border-radius:999px;background:var(--app-surface);color:var(--app-text);font-size:var(--font-size-caption);font-weight:700;line-height:1.4;white-space:nowrap}.badge-xs{padding:1px 6px;font-size:10px}.badge-sm{padding:2px 8px;font-size:11px}.badge-lg{padding:5px 14px;font-size:var(--font-size-small)}.badge-role{background:var(--app-bg-highlight)}.badge-role-root,.badge-role-owner{background:var(--app-accent);border-color:var(--app-accent);color:var(--app-on-accent)}.badge-role-coach{background:color-mix(in srgb,var(--app-accent) 12%,var(--app-surface));border-color:color-mix(in srgb,var(--app-accent) 35%,var(--app-border));color:var(--app-accent)}.badge-role-player{background:color-mix(in srgb,var(--app-active) 18%,var(--app-surface));border-color:color-mix(in srgb,var(--app-active) 45%,var(--app-border));color:color-mix(in srgb,var(--app-active) 55%,var(--app-text))}.badge-status-requested,.badge-status-pending{background:color-mix(in srgb,var(--app-warning) 16%,var(--app-surface));border-color:color-mix(in srgb,var(--app-warning) 40%,var(--app-border));color:color-mix(in srgb,var(--app-warning) 70%,var(--app-text))}.badge-status-confirmed,.badge-status-approved,.badge-status-active,.badge-status-verified{background:color-mix(in srgb,var(--app-success) 14%,var(--app-surface));border-color:color-mix(in srgb,var(--app-success) 40%,var(--app-border));color:color-mix(in srgb,var(--app-success) 75%,var(--app-text))}.badge-status-completed{background:var(--app-accent);border-color:var(--app-accent);color:var(--app-on-accent)}.badge-status-canceled,.badge-status-rejected,.badge-status-expired{background:color-mix(in srgb,var(--app-error) 10%,var(--app-surface));border-color:color-mix(in srgb,var(--app-error) 35%,var(--app-border));color:var(--app-error)}.badge-status-unverified,.badge-status-used{border-style:dashed;color:var(--app-text-dim)}.badge-info{background:var(--app-bg-highlight);color:var(--app-text)}.badge-info-accent{background:var(--app-accent);border-color:var(--app-accent);color:var(--app-on-accent)}.badge-invite-needed{width:1.2rem;height:1.2rem;margin-left:.5rem;padding:0;justify-content:center;border-radius:50%;background:var(--app-accent);border-color:var(--app-accent);color:var(--app-on-accent);cursor:help}.badge-email{background:var(--app-accent);border-color:var(--app-accent);color:var(--app-on-accent);font-weight:600}