.status-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease,color .3s ease;flex-shrink:0}.status-badge.has-label{border-radius:var(--radius-full);padding:.25rem .75rem;gap:.4rem}.badge-sm{width:16px;height:16px;font-size:var(--font-size-base)}.badge-md{width:20px;height:20px;font-size:var(--font-size-sm)}.badge-lg{width:28px;height:28px;font-size:var(--font-size-lg)}.status-badge.has-label.badge-sm{width:auto;height:20px;font-size:var(--font-size-xs)}.status-badge.has-label.badge-md{width:auto;height:26px;font-size:var(--font-size-xs)}.status-badge.has-label.badge-lg{width:auto;height:34px;font-size:var(--font-size-base)}.badge-verified{color:var(--color-info);background:var(--info-alpha-low)}.badge-premium{color:var(--color-warning);background:var(--warning-alpha-low)}.badge-online{color:var(--color-success);background:var(--success-alpha-low)}.badge-online .dot-icon{font-size:1.5em;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.badge-new{color:var(--color-danger);background:var(--error-alpha-low)}.status-badge.badge-match.badge-naked{background:none;border:none;box-shadow:none}.status-badge.badge-match.badge-naked .badge-icon{transform:scale(1.4);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.badge-admin{color:var(--brand-primary);background:var(--brand-alpha-low)}.badge-label{font-weight:600;white-space:nowrap}.badge-icon{display:flex;align-items:center;justify-content:center}@media (max-width: 480px){.badge-md{width:16px;height:16px;font-size:var(--font-size-xs)}.badge-lg{width:22px;height:22px;font-size:var(--font-size-sm)}.status-badge.has-label.badge-md{height:22px;font-size:var(--font-size-xs);padding:.2rem .5rem}.status-badge.has-label.badge-lg{height:28px;font-size:var(--font-size-xs);padding:.2rem .6rem}}@media (max-width: 768px){.badge-lg{width:24px;height:24px;font-size:var(--font-size-base)}.status-badge.has-label.badge-lg{height:30px;font-size:var(--font-size-sm)}}@media (min-width: 1024px){.badge-lg{width:32px;height:32px;font-size:var(--font-size-xl)}.status-badge.has-label.badge-lg{height:38px;font-size:var(--font-size-base);padding:.3rem .9rem}}