/* NOXER V16 — status-chip cleanup and resilient collectible previews. */

/* If a remote Lottie animation fails, retain the local/static preview.
   Earlier patch-v11.css hid *every* img in a failed Lottie block. */
.gift-media.gift-media-lottie.gift-media-unavailable img:not([data-nx16-broken="1"]) {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.gift-media img[data-nx16-broken="1"] {
  display: none !important;
}
.gift-media.gift-media-unavailable .gift-media-player {
  display: none !important;
}
.gift-media.gift-media-unavailable .gift-media-progress {
  display: none !important;
}

/* Keep buttons reachable and give the interface sensible focus indicators. */
#nx12 button:focus-visible,
.messenger-page .app-rail button:focus-visible,
.messenger-page .chat-row:focus-visible {
  outline: 2px solid #9ac2ff !important;
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  #nx12 .nx12-profile-page,
  #nx12 .nx12-settings-page,
  #nx12 .nx12-editor,
  .messenger-page .active-chat {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}

/* Badge asset fallback: old versions may reference removed PNG files. */
.v3-major, #nx12 .nx12-profile-name .v3-major,
.chat-row-title .v3-major, .contact-meta .v3-major {
  background-color: transparent !important;
  background-image: url('/static/nx16-major.svg?v=16.0.0') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border: 0 !important;
  box-shadow: none !important;
  clip-path: none !important;
  font-size: 0 !important;
}
.v3-verified, #nx12 .nx12-profile-name .v3-verified,
.chat-row-title .v3-verified, .contact-meta .v3-verified {
  background-color: transparent !important;
  background-image: url('/static/nx16-verified.svg?v=16.0.0') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border: 0 !important;
  box-shadow: none !important;
  clip-path: none !important;
  font-size: 0 !important;
}