
/* Bridge – unified profile + XP view */
.nv-bridge-card{ background:#fff; border:1px solid #e6e8ec; border-radius:14px; padding:16px; box-shadow:0 6px 18px rgba(16,24,40,.06) }
.nv-bridge-head{ display:flex; gap:14px; align-items:center }
.nv-bridge-avatar img{ border-radius:999px }
.nv-bridge-meta{ display:flex; flex-direction:column; gap:6px }
.nv-bridge-name{ margin:0 }
.nv-bridge-badges{ display:flex; gap:8px; flex-wrap:wrap; align-items:center }
.nv-xp-badge{ display:inline-flex; align-items:center; gap:6px; padding:2px 8px; border-radius:999px; font-size:.75rem; font-weight:800; border:1px solid #e6e8ec; background:#f3f4f6; color:#0f172a }
.nv-xp-badge.rookie{ background:#eef2ff; border-color:#ced6ff }
.nv-xp-badge.starter{ background:#e0f2fe; border-color:#bae6fd }
.nv-xp-badge.pro{ background:#ede9fe; border-color:#ddd6fe }
.nv-xp-badge.veteran{ background:#dcfce7; border-color:#bbf7d0 }
.nv-xp-badge.legend{ background:#fff7ed; border-color:#ffedd5 }
.nv-xp-points{ font-weight:700; color:#0f172a }
.nv-club-chip{ 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-chip::before{ content:""; inline-size:8px; block-size:8px; border-radius:999px; background:#9aa4b2 }
.nv-club-chip.dinamo::before{ background:#003ea8 } .nv-club-chip.hajduk::before{ background:#e11d48 } .nv-club-chip.rijeka::before{ background:#00b4d8 } .nv-club-chip.osijek::before{ background:#1e90ff }
.nv-club-chip.istra::before{ background:#2dd36f } .nv-club-chip.lokomotiva::before{ background:#4169e1 } .nv-club-chip.gorica::before{ background:#b91c1c } .nv-club-chip.sibenik::before{ background:#ff6b35 }
.nv-club-chip.varazdin::before{ background:#7c3aed } .nv-club-chip.slaven::before{ background:#2563eb } .nv-club-chip.rudes::before{ background:#ef4444 } .nv-club-chip.dragovoljac::before{ background:#1f2937 }
.nv-bridge-stats{ color:#6b7280; font-size:.9rem }

.nv-bridge-progress{ margin-top:10px; height:10px; background:#eef2f7; border-radius:999px; overflow:hidden }
.nv-bridge-progress span{ display:block; height:100%; background:linear-gradient(90deg,#1f6feb,#3b82f6) }

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

/* HNL/dark compatibility */
.hnl-theme .nv-bridge-card,
.nv-fan-zone.hnl-theme .nv-bridge-card,
.hnl-theme .nv-bridge-leaderboard,
.nv-fan-zone.hnl-theme .nv-bridge-leaderboard{ background:#101a28; border-color:#1b2a3c; color:#e8eef7 }
.hnl-theme .nv-bridge-list li,
.nv-fan-zone.hnl-theme .nv-bridge-list li{ background:#0d1520; border-color:#1b2a3c }
.hnl-theme .nv-bridge-progress,
.nv-fan-zone.hnl-theme .nv-bridge-progress{ background:#0d1520 }
