/* Inside Pace — bulles athlètes : vrai dégradé navy -> or, avec une pointe de vert.
   Une seule identité visuelle pour tous les athlètes, sans palette alternée. */

.ip-athlete-compact .ip-bubble-avatar {
  padding: 4px !important;
  background:
    radial-gradient(circle at 78% 20%, rgba(72, 205, 150, 0.12), transparent 28%),
    linear-gradient(145deg, #0b1530 0%, #132b55 34%, #244a78 54%, #9b7426 72%, #f0b429 88%, #ffd263 100%) !important;
  box-shadow:
    0 0 0 1px rgba(240, 180, 41, 0.58),
    0 10px 24px rgba(2, 8, 26, 0.34),
    0 0 18px rgba(240, 180, 41, 0.10) !important;
}

.ip-athlete-compact .ip-bubble-avatar > .ip-athlete-avatar,
.ip-athlete-compact .ip-bubble-avatar > div[aria-hidden],
.ip-athlete-compact .ip-bubble:nth-child(3n + 2) .ip-bubble-avatar > div[aria-hidden],
.ip-athlete-compact .ip-bubble:nth-child(3n) .ip-bubble-avatar > div[aria-hidden] {
  border: 1px solid rgba(255, 216, 112, 0.30) !important;
  background:
    radial-gradient(circle at 24% 16%, rgba(255, 255, 255, 0.20), transparent 24%),
    radial-gradient(circle at 80% 22%, rgba(72, 205, 150, 0.10), transparent 25%),
    linear-gradient(145deg, #0b1530 0%, #16305a 32%, #2a537f 53%, #9e7626 72%, #e4a91f 87%, #ffd263 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    inset 0 -18px 28px rgba(5, 14, 36, 0.26),
    inset 0 0 0 1px rgba(240, 180, 41, 0.10) !important;
  color: #ffffff !important;
  text-shadow: 0 2px 5px rgba(5, 12, 29, 0.44) !important;
}

/* Les états gardent exactement la même matière : seul le badge les signale. */
.ip-athlete-compact .ip-bubble.is-surveiller .ip-bubble-avatar,
.ip-athlete-compact .ip-bubble.is-traiter .ip-bubble-avatar,
.ip-athlete-compact .ip-bubble.is-alerte .ip-bubble-avatar {
  background:
    radial-gradient(circle at 78% 20%, rgba(72, 205, 150, 0.13), transparent 28%),
    linear-gradient(145deg, #0b1530 0%, #132b55 34%, #244a78 54%, #9b7426 72%, #f0b429 88%, #ffd263 100%) !important;
  box-shadow:
    0 0 0 1px rgba(240, 180, 41, 0.66),
    0 10px 24px rgba(2, 8, 26, 0.34),
    0 0 20px rgba(240, 180, 41, 0.13) !important;
}

.ip-athlete-compact .ip-bubble-flag,
.ip-athlete-compact .ip-bubble.is-alerte .ip-bubble-flag {
  border-color: #0b1530 !important;
  background: linear-gradient(145deg, #ffe17a, #f0b429) !important;
  color: #241902 !important;
  box-shadow:
    0 4px 10px rgba(2, 8, 24, 0.34),
    0 0 0 1px rgba(255, 224, 122, 0.24) !important;
}

.ip-athlete-compact .ip-bubble-name {
  color: rgba(248, 250, 255, 0.97) !important;
  text-shadow: 0 1px 4px rgba(5, 14, 36, 0.28);
}

.ip-athlete-compact .ip-bubble:hover .ip-bubble-avatar {
  box-shadow:
    0 0 0 1px rgba(240, 180, 41, 0.68),
    0 12px 27px rgba(2, 8, 26, 0.38),
    0 0 22px rgba(240, 180, 41, 0.14) !important;
}
