/* OTSI PMS – Player Profile  v3.0.6.79
 * Tokens: bg #0d0f14 | card #161a22 | green #00e676 | white #f1f5f9
 * Player-profile selectors: ppp-*   Archive selectors: ppa-*
 */

/* ── THEME WRAPPER NEUTRALISATION ──────────────────────────────────────────── */
.pma-player-page .ppp-wrap *,
.pma-player-page .ppp-wrap *::before,
.pma-player-page .ppp-wrap *::after {
  box-sizing: border-box !important;
}
.pma-player-page #primary,
.pma-player-page .otsi-neo-main,
.pma-player-page .otsi-neo-container,
.pma-player-page .otsi-neo-content-card,
.pma-player-page article,
.pma-player-page .entry-content {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  border: none !important;
  box-shadow: none !important;
}

/* ── OUTER WRAPPER ─────────────────────────────────────────────────────────── */
.ppp-wrap {
  background: #0d0f14 !important;
  color: #f1f5f9 !important;
  display: block !important;
  max-width: 100% !important;
  width: 100% !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
  line-height: 1.5 !important;
  box-sizing: border-box !important;
}
.ppp-wrap * { box-sizing: border-box; }

/* ── PAGE HEADER (breadcrumb + actions row, now inside .ppp-hero) ───────────── */
.ppp-page-hdr {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 24px !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}
.ppp-breadcrumb {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  color: #64748b !important;
}
.ppp-breadcrumb a { color: #94a3b8 !important; text-decoration: none !important; }
.ppp-breadcrumb a:hover { color: #00e676 !important; }
.ppp-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}
.ppp-btn-ghost {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 7px 14px !important;
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 8px !important;
  color: #94a3b8 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.04) !important;
  transition: background .15s, border-color .15s, transform .15s, box-shadow .15s !important;
}
.ppp-btn-ghost:hover {
  background: rgba(255,255,255,0.09) !important;
  border-color: rgba(255,255,255,0.2) !important;
  color: #f1f5f9 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 16px 32px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.ppp-btn-primary {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 7px 14px !important;
  background: #00e676 !important;
  border: none !important;
  border-radius: 8px !important;
  color: #0d0f14 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  box-shadow: 0 16px 34px rgba(0,230,118,.18), inset 0 1px 0 rgba(255,255,255,.18) !important;
  transition: background .15s, transform .15s, box-shadow .15s !important;
}
.ppp-btn-primary:hover { background: #00cf6d !important; color: #0d0f14 !important; transform: translateY(-1px) !important; box-shadow: 0 18px 38px rgba(0,230,118,.24), inset 0 1px 0 rgba(255,255,255,.2) !important; }
.ppp-btn-sm { padding: 5px 11px !important; font-size: 11px !important; }

/* ── HERO ──────────────────────────────────────────────────────────────────── */
.ppp-hero {
  display: flex !important;
  flex-direction: column !important;
  background: #0d0f14 !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}
.ppp-hero-body {
  display: grid !important;
  grid-template-columns: 60% 40% !important;
  gap: 0 !important;
  padding: 28px 24px !important;
}
.ppp-hero-left {
  display: flex !important;
  align-items: flex-start !important;
  gap: 24px !important;
}
.ppp-photo-wrap {
  position: relative !important;
  width: 190px !important;
  flex-shrink: 0 !important;
}
.ppp-photo {
  width: 190px !important;
  height: 240px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  display: block !important;
}
.ppp-photo-placeholder {
  width: 190px !important;
  height: 240px !important;
  border-radius: 12px !important;
  background: #161a22 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.ppp-photo-placeholder svg { width: 64px; height: 64px; }
.ppp-status-badge {
  display: block !important;
  margin-top: 8px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  color: #00e676 !important;
  text-align: center !important;
}
.ppp-identity {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
.ppp-name {
  font-size: 28px !important;
  font-weight: 800 !important;
  color: #f0f4f8 !important;
  line-height: 1.15 !important;
  margin: 0 !important;
}
.ppp-position {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .07em !important;
  color: #00e676 !important;
}
.ppp-social-row { display: flex; gap: 10px; align-items: center; }
.ppp-social-link { color: #64748b; text-decoration: none; transition: color .15s; }
.ppp-social-link:hover { color: #00e676; }
.ppp-meta-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px 12px !important;
  margin-top: 8px !important;
}
.ppp-meta-item {
  display: grid !important;
  grid-template-columns: 14px 1fr !important;
  column-gap: 6px !important;
  row-gap: 1px !important;
  align-items: start !important;
}
.ppp-meta-icon {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  display: flex !important;
  align-items: flex-start !important;
  padding-top: 3px !important;
  color: #475569 !important;
  line-height: 1 !important;
}
.ppp-meta-label {
  grid-column: 2 !important;
  grid-row: 1 !important;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: #475569;
}
.ppp-meta-value { grid-column: 2 !important; grid-row: 2 !important; font-size: 12px; font-weight: 600; color: #cbd5e1; }
.ppp-meta-age { color: #64748b; font-weight: 400; }
.ppp-age { color: #64748b !important; }
.ppp-flag { display: inline-flex !important; align-items: center !important; vertical-align: middle !important; width: 20px !important; height: 14px !important; overflow: hidden !important; border-radius: 2px !important; flex-shrink: 0 !important; }
.ppp-flag svg { width: 20px !important; height: 14px !important; display: block !important; }

/* ── HERO RIGHT ─────────────────────────────────────────────────────────────── */
.ppp-hero-right {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  padding-left: 24px !important;
}

/* ── OVR CARD ──────────────────────────────────────────────────────────────── */
.ppp-ovr-card {
  background: #161a22 !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 12px !important;
  padding: 20px 24px !important;
}
.ppp-ovr-inner {
  display: grid !important;
  grid-template-columns: 1fr 1px 1fr !important;
  gap: 0 20px !important;
  align-items: start !important;
}
.ppp-ovr-left {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
.ppp-ovr-divider-vert {
  background: rgba(255,255,255,0.08) !important;
  align-self: stretch !important;
}
.ppp-ovr-right {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
}
.ppp-ovr-label {
  font-size: 9px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .1em !important;
  color: #475569 !important;
}
.ppp-ovr-row {
  display: flex !important;
  align-items: baseline !important;
  gap: 4px !important;
  line-height: 1 !important;
}
.ppp-ovr-value {
  font-size: 72px !important;
  font-weight: 900 !important;
  color: #00e676 !important;
  line-height: 1 !important;
}
.ppp-ovr-max {
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #475569 !important;
  align-self: flex-end !important;
  padding-bottom: 6px !important;
}
.ppp-potential { font-size: 11px !important; color: #64748b !important; }
.ppp-potential span { color: #00e676; font-weight: 700; }
.ppp-ovr-divider {
  height: 1px !important;
  background: rgba(255,255,255,0.06) !important;
  margin: 4px 0 !important;
}
.ppp-value-label {
  font-size: 9px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .1em !important;
  color: #475569 !important;
}
.ppp-value-num {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #f1f5f9 !important;
}
.ppp-value-updated {
  font-size: 10px !important;
  color: #475569 !important;
}
.ppp-spark-svg {
  width: 100% !important;
  height: 60px !important;
  display: block !important;
  margin-top: 2px !important;
}

/* ── POSITIONS CARD ─────────────────────────────────────────────────────────── */
.ppp-pos-card {
  background: #161a22 !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 12px !important;
  padding: 16px 20px !important;
  flex: 1 !important;
}
.ppp-card-title {
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  color: #64748b !important;
  margin-bottom: 12px !important;
}
.ppp-pos-content {
  display: flex !important;
  gap: 16px !important;
  align-items: flex-start !important;
}
.ppp-pitch {
  width: 140px !important;
  flex-shrink: 0 !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  display: block !important;
}
.ppp-pos-list {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
.ppp-pos-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.ppp-pos-code {
  font-size: 11px;
  font-weight: 700;
  color: #f1f5f9;
  width: 32px;
  flex-shrink: 0;
  text-align: center;
  background: rgba(0,230,118,0.1);
  border-radius: 4px;
  padding: 2px 4px;
}
.ppp-pos-bar {
  flex: 1;
  height: 5px;
  background: rgba(255,255,255,0.07);
  border-radius: 3px;
  overflow: hidden;
}
.ppp-pos-bar-fill { height: 100%; background: #00e676; border-radius: 3px; }
.ppp-pos-pct { font-size: 10px; color: #64748b; width: 28px; text-align: right; flex-shrink: 0; }

/* ── TABS ──────────────────────────────────────────────────────────────────── */
.ppp-tabs {
  display: flex !important;
  gap: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  padding: 0 24px !important;
  background: #0d0f14 !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
.ppp-tab {
  display: inline-block !important;
  padding: 14px 18px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #64748b !important;
  background: none !important;
  border: none !important;
  border-bottom: 3px solid transparent !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: color .15s, border-color .15s !important;
  margin-bottom: -1px !important;
}
.ppp-tab:hover { color: #94a3b8 !important; }
.ppp-tab-active {
  color: #f1f5f9 !important;
  border-bottom-color: #00e676 !important;
}

/* ── PANELS ────────────────────────────────────────────────────────────────── */
.ppp-panels { background: #0d0f14 !important; }
.ppp-panel { padding: 28px 24px !important; display: none !important; }
.ppp-panel.ppp-panel--active { display: block !important; }

/* ── OVERVIEW GRID ──────────────────────────────────────────────────────────── */
.ppp-overview-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  margin-bottom: 20px !important;
}
.ppp-ov-col {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  min-width: 0 !important;
}

/* ── CARDS ─────────────────────────────────────────────────────────────────── */
.ppp-card {
  background: #161a22 !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 12px !important;
  padding: 20px 24px !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.035) !important;
  transition: border-color .16s ease, transform .16s ease, box-shadow .16s ease !important;
}
.ppp-card:hover {
  border-color: rgba(0,230,118,.18) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 22px 58px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.055) !important;
}
.ppp-card__title {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  color: #475569 !important;
  margin: 0 0 14px !important;
}

/* ── TIMELINE ──────────────────────────────────────────────────────────────── */
.ppp-timeline {
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
}
.ppp-timeline::before {
  content: '';
  position: absolute;
  left: 8px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: rgba(255,255,255,0.07);
}
.ppp-timeline__item { display: flex; gap: 16px; align-items: flex-start; padding: 0 0 16px; }
.ppp-timeline__dot-wrap { position: relative; width: 18px; height: 18px; flex-shrink: 0; margin-top: 2px; z-index: 1; }
.ppp-timeline__dot { width: 10px; height: 10px; border-radius: 50%; background: #00e676; border: 2px solid #0d0f14; margin: 4px 0 0 4px; }
.ppp-timeline__content { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.ppp-timeline__year { font-size: 10px; color: #475569; font-weight: 700; }
.ppp-timeline__club { font-size: 13px; font-weight: 700; color: #f1f5f9; }
.ppp-timeline__league { font-size: 11px; color: #64748b; }
.ppp-timeline__meta { margin-top: 4px; }

/* ── TRANSFER / STATUS BADGES ───────────────────────────────────────────────── */
.ppp-transfer-badge {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.ppp-transfer-badge--permanent { background: rgba(0,230,118,.15); color: #00e676; }
.ppp-transfer-badge--loan      { background: rgba(245,158,11,.15); color: #f59e0b; }
.ppp-transfer-badge--free      { background: rgba(100,116,139,.15); color: #94a3b8; }
.ppp-status-pill {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
  text-transform: uppercase;
}
.ppp-status-pill--completed { background: rgba(0,230,118,.15); color: #00e676; }
.ppp-status-pill--pending   { background: rgba(245,158,11,.15); color: #f59e0b; }
.ppp-status-pill--cancelled { background: rgba(239,68,68,.15);  color: #ef4444; }

/* ── RADAR ─────────────────────────────────────────────────────────────────── */
.ppp-radar-wrap {
  display: flex !important;
  justify-content: center !important;
  padding: 8px 0 !important;
}
.ppp-radar-svg { width: 100% !important; max-width: 280px !important; height: auto !important; display: block !important; }

/* ── KPI GRID ──────────────────────────────────────────────────────────────── */
.ppp-kpi-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
}
.ppp-kpi-grid--4col {
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 14px !important;
  text-align: center !important;
}
.ppp-kpi {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  min-width: 0 !important;
  justify-content: center !important;
  border: 1px solid rgba(148,163,184,.16) !important;
  border-radius: 10px !important;
  padding: 12px 8px !important;
  background: rgba(15,23,42,.28) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.ppp-kpi__value {
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #f0f4f8 !important;
  line-height: 1 !important;
}
.ppp-kpi__label {
  font-size: 9px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  color: #475569 !important;
  line-height: 1.2 !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  max-width: 100% !important;
}

/* ── DEFINITION LIST ────────────────────────────────────────────────────────── */
.ppp-dl { display: flex !important; flex-direction: column !important; gap: 0 !important; }
.ppp-dl-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  gap: 8px !important;
  padding: 7px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.04) !important;
  font-size: 12px !important;
}
.ppp-dl-row:last-child { border-bottom: none !important; }
.ppp-dl-row dt { color: #64748b !important; font-weight: 500 !important; white-space: nowrap !important; }
.ppp-dl-row dd {
  color: #c8d6e5 !important;
  font-weight: 600 !important;
  text-align: right !important;
  margin: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* ── RECENT FORM ────────────────────────────────────────────────────────────── */
.ppp-form-circles { display: flex; flex-wrap: wrap; gap: 12px; }
.ppp-form-circle { display: flex; flex-direction: column; align-items: center; gap: 3px; }
.ppp-form-circle__badge {
  width: 36px; height: 36px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 9px; font-weight: 800;
  text-transform: uppercase; letter-spacing: .04em;
}
.ppp-form-circle__badge--win  { background: rgba(0,230,118,.18);  color: #00e676; border: 1px solid rgba(0,230,118,.3); }
.ppp-form-circle__badge--draw { background: rgba(245,158,11,.18); color: #f59e0b; border: 1px solid rgba(245,158,11,.3); }
.ppp-form-circle__badge--loss { background: rgba(239,68,68,.18);  color: #ef4444; border: 1px solid rgba(239,68,68,.3); }
.ppp-form-circle__opp { font-size: 9px; color: #475569; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 40px; }
.ppp-form-circle__rating { font-size: 10px; font-weight: 700; }
.ppp-form-circle__rating--green { color: #00e676; }
.ppp-form-circle__rating--amber { color: #f59e0b; }
.ppp-form-circle__rating--red   { color: #ef4444; }

/* ── DOCUMENTS ─────────────────────────────────────────────────────────────── */
.ppp-doc-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
.ppp-doc-item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 10px !important;
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.05) !important;
  border-radius: 8px !important;
}
.ppp-doc-item__name {
  flex: 1 !important;
  font-size: 12px !important;
  color: #f1f5f9 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.ppp-doc-item__name a { color: #f1f5f9 !important; text-decoration: none !important; }
.ppp-doc-item__name a:hover { color: #00e676 !important; }
.ppp-doc-item__badge {
  font-size: 9px !important;
  font-weight: 700 !important;
  padding: 2px 7px !important;
  border-radius: 10px !important;
  flex-shrink: 0 !important;
  text-transform: uppercase !important;
}
.ppp-doc-item__badge--verified { background: rgba(0,230,118,.15); color: #00e676; border: 1px solid rgba(0,230,118,.3); }
.ppp-doc-item__badge--pending  { background: rgba(245,158,11,.15); color: #f59e0b; border: 1px solid rgba(245,158,11,.3); }

/* ── TIMELINE ENHANCEMENTS ──────────────────────────────────────────────────── */
.ppp-timeline__dot--current { background: #00e676 !important; box-shadow: 0 0 0 3px rgba(0,230,118,.25) !important; }
.ppp-timeline__club-row { display: flex !important; align-items: center !important; gap: 6px !important; }
.ppp-timeline__logo { width: 20px !important; height: 20px !important; border-radius: 50% !important; object-fit: cover !important; background: #2d3748 !important; flex-shrink: 0 !important; }
.ppp-link-sm { display: inline-block !important; margin-top: 12px !important; font-size: 12px !important; color: #00e676 !important; text-decoration: none !important; font-weight: 600 !important; }
.ppp-meta-link { color: #94a3b8 !important; text-decoration: none !important; font-weight: 600 !important; }
.ppp-meta-link:hover { color: #00e676 !important; }
.ppp-timeline__club-link { color: #f1f5f9 !important; text-decoration: none !important; font-weight: 700 !important; }
.ppp-timeline__club-link:hover { color: #00e676 !important; }
.ppp-link-sm:hover { text-decoration: underline !important; }

/* ── RECENT FORM LOGO ──────────────────────────────────────────────────────── */
.ppp-form-circle__logo { width: 36px !important; height: 36px !important; border-radius: 50% !important; object-fit: cover !important; background: #2d3748 !important; border: 1px solid rgba(255,255,255,0.1) !important; }

/* ── DOCUMENT ENHANCEMENTS ──────────────────────────────────────────────────── */
.ppp-doc-icon { font-size: 14px !important; color: #475569 !important; flex-shrink: 0 !important; }
.ppp-doc-item__date { font-size: 10px !important; color: #475569 !important; white-space: nowrap !important; margin-left: auto !important; }
.ppp-doc-item__badge--active   { background: rgba(0,230,118,.15); color: #00e676; border: 1px solid rgba(0,230,118,.3); border-radius: 3px; padding: 1px 5px; font-size: 9px; font-weight: 700; text-transform: uppercase; }
.ppp-doc-item__badge--expired  { background: rgba(239,68,68,.15); color: #ef4444; border: 1px solid rgba(239,68,68,.3); border-radius: 3px; padding: 1px 5px; font-size: 9px; font-weight: 700; text-transform: uppercase; }

/* ── CONTRACT BUTTON ────────────────────────────────────────────────────────── */
.ppp-contract-btn { display: block !important; width: 100% !important; text-align: center !important; margin-top: 12px !important; }

/* ── HEATMAP ───────────────────────────────────────────────────────────────── */
.ppp-heatmap-body {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 14px !important;
}
.ppp-heatmap-pitch {
  width: 100% !important;
  max-width: 600px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}
.ppp-heatmap-pitch svg { width: 100% !important; height: auto !important; display: block !important; }
.ppp-heatmap-legend {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  font-size: 11px !important;
  color: #64748b !important;
}
.ppp-heatmap-legend__bar {
  width: 120px !important;
  height: 8px !important;
  border-radius: 4px !important;
  background: linear-gradient(to right, rgba(0,230,118,.25), rgba(245,158,11,.7), rgba(239,68,68,.95)) !important;
}

/* ── TABLE ─────────────────────────────────────────────────────────────────── */
.ppp-table-wrap { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; }
.ppp-table { width: 100% !important; border-collapse: collapse !important; font-size: 13px !important; }
.ppp-table th {
  text-align: left !important;
  padding: 8px 12px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .07em !important;
  color: #64748b !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
  white-space: nowrap !important;
}
.ppp-table td {
  padding: 10px 12px !important;
  color: #c8d6e5 !important;
  border-bottom: 1px solid rgba(255,255,255,0.04) !important;
  vertical-align: middle !important;
}
.ppp-table tbody tr:hover { background: rgba(255,255,255,0.02) !important; }
.ppp-table tbody tr:last-child td { border-bottom: none !important; }

/* ── BAR CHART ─────────────────────────────────────────────────────────────── */
.ppp-bar-wrap { margin-top: 20px !important; }
.ppp-bar-svg { width: 100% !important; height: auto !important; display: block !important; }

/* ── SCOUTING CARDS ─────────────────────────────────────────────────────────── */
.ppp-scout-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 16px !important;
}
.ppp-scout-card {
  background: #161a22 !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 12px !important;
  padding: 18px 20px !important;
}
.ppp-scout-card__header { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 10px; }
.ppp-scout-rating {
  width: 42px; height: 42px;
  border-radius: 50%;
  border: 3px solid;
  display: flex; align-items: center; justify-content: center;
  font-size: 14px; font-weight: 900;
  flex-shrink: 0;
}
.ppp-scout-meta { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ppp-scout-name { font-size: 13px; font-weight: 700; color: #f1f5f9; }
.ppp-scout-date { font-size: 11px; color: #64748b; }
.ppp-scout-position { font-size: 11px; color: #00e676; text-transform: uppercase; letter-spacing: .06em; font-weight: 600; margin: 0 0 8px; }
.ppp-scout-notes { font-size: 13px; color: #94a3b8; margin: 0; line-height: 1.55; }

/* ── RATING COLOUR CLASSES ──────────────────────────────────────────────────── */
.ppp-rating--green { color: #00e676 !important; border-color: #00e676 !important; }
.ppp-rating--amber { color: #f59e0b !important; border-color: #f59e0b !important; }
.ppp-rating--red   { color: #ef4444 !important; border-color: #ef4444 !important; }

/* ── MISC ──────────────────────────────────────────────────────────────────── */
.ppp-empty {
  color: #64748b !important;
  font-size: 13px !important;
  text-align: center !important;
  padding: 24px 0 !important;
  margin: 0 !important;
}
.ppp-bio-text { font-size: 13px; color: #94a3b8; line-height: 1.6; margin: 0 0 12px; }
.ppp-lang-list { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.ppp-lang-badge {
  display: inline-flex;
  padding: 3px 9px;
  background: rgba(255,255,255,0.06);
  border-radius: 20px;
  font-size: 11px;
  color: #94a3b8;
}

/* ── RESPONSIVE ─────────────────────────────────────────────────────────────── */
@media (max-width: 1280px) {
  .ppp-overview-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 1024px) {
  .ppp-hero-body    { grid-template-columns: 1fr !important; }
  .ppp-hero-right   { flex-direction: row !important; flex-wrap: wrap !important; padding-left: 0 !important; }
  .ppp-ovr-card     { flex: 1 !important; min-width: 240px !important; }
  .ppp-pos-card     { flex: 1 !important; min-width: 220px !important; }
}
@media (max-width: 768px) {
  .ppp-hero-body         { padding: 16px !important; }
  .ppp-hero-left         { flex-direction: column !important; }
  .ppp-photo-wrap        { width: 140px !important; }
  .ppp-photo             { width: 140px !important; height: 176px !important; }
  .ppp-photo-placeholder { width: 140px !important; height: 176px !important; }
  .ppp-panel             { padding: 16px !important; }
  .ppp-tabs              { padding: 0 16px !important; }
  .ppp-action-bar        { padding: 12px 16px !important; }
  .ppp-name              { font-size: 22px !important; }
  .ppp-overview-grid     { grid-template-columns: 1fr !important; }
  .ppp-ovr-value         { font-size: 56px !important; }
  .ppp-meta-grid         { grid-template-columns: 1fr !important; }
}

/* ══════════════════════════════════════════════════════════════════════════
   ARCHIVE GRID  (ppa-*)
   ══════════════════════════════════════════════════════════════════════════ */
.ppa-header {
  padding: 32px 24px 20px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.ppa-header h1 { font-size: 26px; font-weight: 800; color: #f0f4f8; margin: 0 0 6px; }
.ppa-header p  { font-size: 13px; color: #8899aa; margin: 0; }

.ppa-grid {
  padding: 24px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 20px;
}
.ppa-card {
  background: #161b27;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  transition: transform .15s, border-color .15s, box-shadow .15s;
}
.ppa-card:hover { transform: translateY(-3px); border-color: rgba(0,230,118,0.35); box-shadow: 0 8px 28px rgba(0,0,0,.35); }
.ppa-card__photo { width: 100%; aspect-ratio: 3/4; object-fit: cover; display: block; background: #0f1117; }
.ppa-card__photo-placeholder {
  width: 100%;
  aspect-ratio: 3/4;
  background: #0f1117;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ppa-card__photo-placeholder svg { width: 60px; height: 60px; opacity: .25; }
.ppa-card__body { padding: 14px 14px 16px; display: flex; flex-direction: column; gap: 4px; flex: 1; }
.ppa-card__name { font-size: 15px; font-weight: 700; color: #f0f4f8; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; }
.ppa-card__position { font-size: 11px; font-weight: 600; color: #00e676; text-transform: uppercase; letter-spacing: .05em; }
.ppa-card__meta { font-size: 12px; color: #8899aa; margin-top: 4px; display: flex; flex-direction: column; gap: 2px; }
.ppa-card__meta span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.ppa-pagination { display: flex; justify-content: center; padding: 12px 24px 32px; gap: 8px; }
.ppa-pagination a,
.ppa-pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  background: #161b27;
  border: 1px solid rgba(255,255,255,0.08);
  color: #c8d6e5;
  transition: background .15s, color .15s, border-color .15s;
}
.ppa-pagination a:hover  { background: #1e2638; border-color: #00e676; color: #00e676; }
.ppa-pagination .current { background: #00e676; border-color: #00e676; color: #0d0f14; }

.ppa-empty { grid-column: 1 / -1; text-align: center; padding: 48px 24px; color: #5a6a7e; font-size: 15px; }

@media (max-width: 640px) {
  .ppa-grid   { padding: 16px; gap: 14px; }
  .ppa-header { padding: 20px 16px 14px; }
  .ppa-header h1 { font-size: 20px; }
}

/* ── MOCKUP-ALIGNMENT OVERRIDES v3.0.6.77 ──────────────────────────────────
 * These rules refine the player profile to match the target design.
 * All rules use !important so they reliably override theme leakage.
 * ─────────────────────────────────────────────────────────────────────────── */

/* Edit Profile button: darker forest-green so it doesn't clash with brand-green OVR */
.ppp-btn-primary                { background: #16a34a !important; color: #fff !important; border-color: #16a34a !important; }
.ppp-btn-primary:hover          { background: #15803d !important; color: #fff !important; border-color: #15803d !important; }

/* Status badge: bordered pill */
.ppp-status-badge {
  display: inline-flex !important;
  padding: 2px 10px !important;
  border-radius: 20px !important;
  border: 1px solid #00e676 !important;
  background: rgba(0,230,118,0.08) !important;
  font-size: 10px !important;
  color: #00e676 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  margin-top: 8px !important;
  text-align: center !important;
}

/* Player name: 32px */
.ppp-name { font-size: 32px !important; }

/* Position: sentence-case, muted slate — no uppercase shouting */
.ppp-position {
  text-transform: none !important;
  font-size: 14px !important;
  color: #94a3b8 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

/* Social icons: circular toggle buttons */
.ppp-social-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  color: #94a3b8 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: background .15s, border-color .15s, color .15s !important;
}
.ppp-social-link:hover {
  background: rgba(0,230,118,0.12) !important;
  border-color: #00e676 !important;
  color: #00e676 !important;
}

/* Player Value number: larger */
.ppp-value-num { font-size: 28px !important; }

/* Season stats: top-row KPIs (Matches, Goals, Assists, Pass Acc.) get larger numerals */
.ppp-kpi:nth-child(-n+4) .ppp-kpi__value { font-size: 30px !important; }

/* Recent Form rating badges: bordered colour pill */
.ppp-form-circle__rating {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 34px !important;
  padding: 1px 6px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  background: rgba(255,255,255,0.04) !important;
  color: #f1f5f9 !important;
}
.ppp-form-circle__rating--green {
  color: #00e676 !important;
  border-color: rgba(0,230,118,0.35) !important;
  background: rgba(0,230,118,0.08) !important;
}
.ppp-form-circle__rating--amber {
  color: #f59e0b !important;
  border-color: rgba(245,158,11,0.35) !important;
  background: rgba(245,158,11,0.08) !important;
}
.ppp-form-circle__rating--red {
  color: #ef4444 !important;
  border-color: rgba(239,68,68,0.35) !important;
  background: rgba(239,68,68,0.08) !important;
}

/* Document icon: green */
.ppp-doc-icon { color: #00e676 !important; }

@media (max-width: 768px) {
  .ppp-name                                        { font-size: 24px !important; }
  .ppp-kpi:nth-child(-n+4) .ppp-kpi__value         { font-size: 24px !important; }
}

/* ── PITCH HEATMAP ──────────────────────────────────────────────────────────── */
.ppp-heatmap-wrap {
  margin-top: 14px !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
}
.ppp-heatmap-svg { width: 100% !important; height: auto !important; display: block !important; }

/* ── LANGUAGE SECTION ───────────────────────────────────────────────────────── */
.ppp-lang-section  { margin-top: 16px !important; }
.ppp-lang-label    { font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .07em !important; color: #475569 !important; margin-bottom: 8px !important; }
.ppp-lang-list     { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }
.ppp-lang-badge    { display: inline-flex !important; align-items: center !important; gap: 4px !important; padding: 4px 12px !important; border-radius: 16px !important; border: 1px solid rgba(255,255,255,0.1) !important; background: rgba(255,255,255,0.05) !important; font-size: 12px !important; color: #94a3b8 !important; }
.ppp-lang-badge strong { color: #f1f5f9 !important; font-weight: 600 !important; }

/* Final profile polish overrides. Keep after legacy release rules. */
.ppp-btn-primary {
  background: #00e676 !important;
  color: #07120c !important;
  border-color: #00e676 !important;
  box-shadow: 0 16px 34px rgba(0,230,118,.2), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.ppp-btn-primary:hover {
  background: #00cf6d !important;
  color: #07120c !important;
  border-color: #00cf6d !important;
  transform: translateY(-1px) !important;
}
.ppp-kpi__label {
  letter-spacing: 0 !important;
  overflow-wrap: anywhere !important;
  line-height: 1.18 !important;
}