/* Base Profiles & Badges */
.nv-user-badge{ display:inline-flex; align-items:center; gap:6px; margin-left:6px; padding:2px 8px; border-radius:999px; font-size:.75rem; font-weight:700; border:1px solid #e6e8ec; background:#f8fafc; color:#0f172a }
.nv-user-badge::before{ content:""; inline-size:8px; block-size:8px; border-radius:999px; background:#9aa4b2 }
.nv-user-badge.Rookie::before{ background:#9aa4b2 }
.nv-user-badge.Starter::before{ background:#3b82f6 }
.nv-user-badge.Pro::before{ background:#8b5cf6 }
.nv-user-badge.Veteran::before{ background:#10b981 }
.nv-user-badge[class*="club-"]{ box-shadow: inset 0 0 0 2px rgba(0,0,0,.03) }

.nv-profile-card{ background:#fff; border:1px solid #e6e8ec; border-radius:14px; padding:16px; box-shadow:0 6px 18px rgba(16,24,40,.06) }
.nv-profile-head{ display:flex; gap:14px; align-items:center }
.nv-profile-avatar img{ border-radius:999px }
.nv-profile-meta{ display:flex; flex-direction:column; gap:6px }
.nv-profile-name{ margin:0 }
.nv-profile-badges{ display:flex; gap:8px; flex-wrap:wrap }
.nv-profile-stats{ color:#6b7280; font-size:.9rem }
.nv-profile-bio{ margin-top:10px }
.nv-profile-recent h4{ margin:.8rem 0 .4rem }
.nv-profile-recent ul{ list-style:none; margin:0; padding:0; display:grid; gap:6px }
.nv-profile-recent li{ display:flex; justify-content:space-between; gap:10px }
.nv-profile-recent .nv-date{ color:#6b7280; font-size:.85rem }

.nv-leaderboard{ background:#fff; border:1px solid #e6e8ec; border-radius:12px; padding:12px; box-shadow:0 2px 10px rgba(16,24,40,.06) }
.nv-leader-list{ list-style:none; padding:0; margin:0; display:grid; gap:6px }
.nv-leader-list li{ display:grid; grid-template-columns: 32px 1fr auto auto; align-items:center; gap:10px; padding:8px 10px; border:1px solid #eef1f4; border-radius:10px; background:#fafbfc }
.nv-leader-pos{ font-weight:800 }
.nv-leader-name{ font-weight:600 }
.nv-leader-rank{ font-size:.85rem; color:#6b7280 }
.nv-leader-stats{ font-size:.9rem; color:#0f172a }

/* Club border colors */
.nv-user-badge.club-dinamo{ border-color:#003ea8 } .nv-user-badge.club-hajduk{ border-color:#e11d48 } .nv-user-badge.club-rijeka{ border-color:#00b4d8 } .nv-user-badge.club-osijek{ border-color:#1e90ff }
.nv-user-badge.club-istra{ border-color:#2dd36f } .nv-user-badge.club-lokomotiva{ border-color:#4169e1 } .nv-user-badge.club-gorica{ border-color:#b91c1c } .nv-user-badge.club-sibenik{ border-color:#ff6b35 }
.nv-user-badge.club-varazdin{ border-color:#7c3aed } .nv-user-badge.club-slaven{ border-color:#2563eb } .nv-user-badge.club-rudes{ border-color:#ef4444 } .nv-user-badge.club-dragovoljac{ border-color:#1f2937 }

/* Small club badge chip (used in profile header) */
.nv-club-badge{ display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:999px; font-size:.78rem; border:1px solid #e6e8ec; background:#fff }
.nv-club-badge::before{ content:""; inline-size:8px; block-size:8px; border-radius:999px; background:#9aa4b2 }
.nv-club-badge.dinamo::before{ background:#003ea8 } .nv-club-badge.hajduk::before{ background:#e11d48 } .nv-club-badge.rijeka::before{ background:#00b4d8 } .nv-club-badge.osijek::before{ background:#1e90ff }
.nv-club-badge.istra::before{ background:#2dd36f } .nv-club-badge.lokomotiva::before{ background:#4169e1 } .nv-club-badge.gorica::before{ background:#b91c1c } .nv-club-badge.sibenik::before{ background:#ff6b35 }
.nv-club-badge.varazdin::before{ background:#7c3aed } .nv-club-badge.slaven::before{ background:#2563eb } .nv-club-badge.rudes::before{ background:#ef4444 } .nv-club-badge.dragovoljac::before{ background:#1f2937 }