/* PDLUP replika offline — lapisan quick-win UX (non-invasif, tidak menyentuh bundle).
   Semua efek hanya kosmetik/afordans; bisa dihapus dengan mencabut <link>/<script>. */

/* B) Afordans "tap-to-score": ring halus + kursor pada kotak skor */
[aria-label^="Score team"] {
  cursor: pointer;
  box-shadow: 0 0 0 2px var(--color-focus-ring, rgba(60, 81, 64, 0.45));
  border-radius: 8px;
  transition: box-shadow 0.15s ease;
}
[aria-label^="Score team"]:hover {
  box-shadow: 0 0 0 3px var(--color-primary, #3c5140);
}

/* C) Toggle gender (♂/♀) & klub (A/B) per pemain/tim → jadikan tampak seperti tombol */
.uxq-toggle {
  border: 1.5px solid currentColor !important;
  border-radius: 9999px !important;
  padding: 2px 7px !important;
  min-width: 26px;
  text-align: center;
  font-weight: 600;
}

/* Coach toast sekali-tampil */
#uxq-toast {
  position: fixed;
  left: 50%;
  bottom: 92px;
  transform: translateX(-50%);
  z-index: 9999;
  max-width: 320px;
  background: #111827;
  color: #fff;
  padding: 10px 14px;
  border-radius: 12px;
  font-size: 13px;
  line-height: 1.35;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.28);
  display: flex;
  gap: 10px;
  align-items: center;
  animation: uxq-in 0.25s ease;
}
#uxq-toast button {
  background: var(--color-primary, #3C5140);
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 5px 10px;
  font-size: 12px;
  cursor: pointer;
  white-space: nowrap;
}
@keyframes uxq-in {
  from { opacity: 0; transform: translate(-50%, 8px); }
  to   { opacity: 1; transform: translate(-50%, 0); }
}

/* Tombol dismiss banner */
.uxq-banner-x {
  position: absolute;
  top: 6px;
  right: 10px;
  z-index: 60;
  width: 26px;
  height: 26px;
  border: none;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.25);
  color: #fff;
  font-size: 14px;
  line-height: 26px;
  cursor: pointer;
}
.uxq-banner-x:hover { background: rgba(255, 255, 255, 0.4); }

/* Sembunyikan badge kosmetik "PRO" (court stepper & tombol Create) */
span.inline-flex.rounded-md.bg-primary.cursor-pointer.transition-transform {
  display: none !important;
}