.fp-ed .ed-tpro-badge { display: none !important; }

.fp-level {
  display: inline-flex; align-items: center; gap: 5px;
  min-height: 24px; padding: 0 10px 0 8px;
  border-radius: 999px; border: 1px solid transparent;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.72rem; font-weight: 600; line-height: 1; white-space: nowrap;
  letter-spacing: 0.01em;
}
.fp-level svg { width: 13px; height: 13px; flex-shrink: 0; }

.fp-level--l3     { color: #6d6d72; background: #ffffff; border-color: #d9d7cf; }
.fp-level--l2     { color: #0f766e; background: #effdfb; border-color: #99e9e0; }
.fp-level--l1     { color: #7a5200; background: linear-gradient(180deg, #fff3d2, #ffe49b); border-color: #e7c259; box-shadow: 0 1px 2px rgba(184, 134, 11, 0.18); font-weight: 700; }
.fp-level--l1 svg { color: #b6892a; }
.fp-level--select { color: #fff; background: linear-gradient(180deg, #1d376e, #0b1a3a); border-color: #0b1a3a; box-shadow: 0 2px 12px rgba(12, 34, 80, 0.4), inset 0 0 0 1px rgba(150, 183, 255, 0.5); font-weight: 700; }
.fp-level--select svg { color: #b0c9ff; }
.fp-level--new     { color: #15803d; background: #effdf4; border-color: #bbf7d0; }
.fp-level--new svg { color: #16a34a; }

.fp-badge {
  display: inline-flex; align-items: center; gap: 5px;
  min-height: 22px; padding: 0 9px 0 7px;
  border-radius: 999px; border: 1px solid transparent;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.68rem; font-weight: 600; line-height: 1; white-space: nowrap;
}
.fp-badge svg { width: 12px; height: 12px; flex-shrink: 0; }

.fp-badge--bronze   { color: #835318; background: #fdf4e8; border-color: #e7c79b; }
.fp-badge--silver   { color: #3f4651; background: #f1f5f9; border-color: #cbd5e1; }
.fp-badge--gold     { color: #7a5200; background: #fff6df; border-color: #ecca6a; }
.fp-badge--platinum { color: #0c5478; background: #ecf7ff; border-color: #a9d8f0; }
.fp-badge--diamond  { color: #3d5fa8; background: #f0f5ff; border-color: #bccdf3; }
.fp-badge--vetted   { color: #fff; background: linear-gradient(180deg, #1d7a73, #0f5a55); border-color: #0f5a55; box-shadow: 0 1px 3px rgba(15, 90, 85, 0.32); font-weight: 700; }  /* premium teal seal */
.fp-badge--vetted svg { color: #9ff0e6; }
.fp-badge--gold svg { color: #c79a2e; }
.fp-badge--diamond svg { color: #5f7ec0; }
.fp-badge--platinum svg { color: #1186b8; }
.fp-badge--quick  { color: #0c5478; background: #ecf7ff; border-color: #a9d8f0; }
.fp-badge--quick svg  { color: #1186b8; }
.fp-badge--ontime { color: #166534; background: #ecfdf3; border-color: #a7f3c8; }
.fp-badge--ontime svg { color: #16a34a; }

.fp-badge--more { color: #6d6d72; background: transparent; border: 1px dashed #d4d2cb; font-weight: 600; padding: 0 9px; }

.fp-badge-row { display: inline-flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.fp-badge-grid { display: flex; flex-wrap: wrap; gap: 8px; }

/* talent-card.js honors row (level chip + earned badge chips, under the name).
   min-height reserves the chip row's height even when empty, so the name + handle
   keep the same position whether or not a chip/badge is shown. */
.ed-tpro-honors { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 7px; min-height: 24px; }

.fp-badge-grid .fp-badge, .fp-badge-grid .fp-level { margin: 0; }
@media (max-width: 430px) {
  .fp-level { font-size: 0.7rem; }
  .fp-badge { font-size: 0.66rem; }
}

.fp-badge-tip {
  position: absolute; z-index: 4000; left: -9999px; top: 0;
  max-width: 232px; pointer-events: none;
  background: #0b1220; color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px; padding: 8px 11px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.72rem; line-height: 1.42; font-weight: 500; letter-spacing: 0;
  text-transform: none; text-align: left; white-space: normal;
  box-shadow: 0 12px 32px rgba(2, 8, 23, 0.36);
  opacity: 0; transform: translateY(3px) scale(0.98);
  transition: opacity 0.14s ease, transform 0.14s ease;
}
.fp-badge-tip.is-on { opacity: 1; transform: none; }
.fp-badge-tip strong { display: block; font-weight: 700; font-size: 0.74rem; margin-bottom: 2px; }
.fp-badge-tip span { display: block; color: rgba(255, 255, 255, 0.82); }
.fp-badge-tip::after {
  content: ""; position: absolute; left: var(--tip-ax, 50%); bottom: -5px;
  width: 9px; height: 9px; transform: translateX(-50%) rotate(45deg);
  background: #0b1220; border-right: 1px solid rgba(255, 255, 255, 0.08); border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.fp-badge-tip.is-below::after { bottom: auto; top: -5px; border-right: 0; border-bottom: 0; border-left: 1px solid rgba(255, 255, 255, 0.08); border-top: 1px solid rgba(255, 255, 255, 0.08); }
@media (prefers-reduced-motion: reduce) { .fp-badge-tip { transition: none; } }