/* REPPTRADE 4.4.26 — NFT display modes restoration.
   NFT styling is global and intentionally independent of show color themes,
   readability/artwork switches, and light/dark surface. Actual NFT data is unchanged. */

/* Keep the caption separate from the selectable choices. */
body[data-ui-theme="modern"] #nftStyleToggle.nft-style-toggle {
  display:inline-flex!important;align-items:center!important;gap:4px!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
}
body[data-ui-theme="modern"] #nftStyleToggle .nft-style-label {
  display:inline-flex!important;flex:none!important;
  color:var(--rt9-muted,#9caec2)!important;
  background:transparent!important;border:0!important;border-right:1px solid #62738a!important;
  padding:0 14px 0 0!important;margin:0 8px 0 0!important;
  text-transform:uppercase!important;letter-spacing:.11em!important;font-weight:800!important;
  cursor:default!important;pointer-events:none!important;
}
body[data-ui-theme="modern"] #nftStyleToggle > button {
  border-radius:3px!important;padding:8px 13px!important;
  border:1px solid #52647a!important;color:#d6e0ed!important;
  background:transparent!important;box-shadow:none!important;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease!important;
}
body[data-ui-theme="modern"][data-nft-style="red"] #nftStyleToggle > button[data-nftstyle="red"],
body[data-ui-theme="modern"][data-nft-style="highlight"] #nftStyleToggle > button[data-nftstyle="highlight"] {
  background:#14283e!important;color:#fff!important;
  border:1px solid #e18acd!important;
  box-shadow:0 0 0 1px rgba(211,115,222,.3),0 0 10px rgba(196,78,213,.19)!important;
}
body[data-surface="light"][data-ui-theme="modern"] #nftStyleToggle > button {color:#25405c!important;border-color:#94abc3!important}
body[data-surface="light"][data-ui-theme="modern"] #nftStyleToggle > button[aria-pressed="true"] {color:#24354c!important;background:#f8faff!important;border-color:#c062c9!important}
body[data-surface="light"][data-ui-theme="modern"] #nftStyleToggle .nft-style-label{color:#34516c!important;border-right-color:#a6bad0!important}

/* Single source of truth for both modes. These are deliberately independent
   of --show-solid, --show-title-ink and any artwork/gradient backgrounds. */
body[data-nft-style="red"] {--rc426-nft-bg:#921527;--rc426-nft-fg:#fff;--rc426-nft-edge:#f36d83;--rc426-nft-rail:#fff}
body[data-nft-style="highlight"] {--rc426-nft-bg:#ffec37;--rc426-nft-fg:#661018;--rc426-nft-edge:#ab152a;--rc426-nft-rail:#da172c}

/* Owned recordings: the major NFT detail field and compact pill. */
body[data-nft-style] .boot .info.nft-info,
body[data-ui-theme="modern"][data-nft-style] .boot .info.nft-info,
body[data-ui-theme="modern"][data-nft-style] .drawer .boot .info.nft-info {
  background:var(--rc426-nft-bg)!important;
  background-image:none!important;
  color:var(--rc426-nft-fg)!important;
  border:2px solid var(--rc426-nft-edge)!important;
  box-shadow:inset 4px 0 0 var(--rc426-nft-rail),0 2px 8px rgba(0,0,0,.2)!important;
}
body[data-nft-style] .boot .info.nft-info :is(.label,.value),
body[data-ui-theme="modern"][data-nft-style] .drawer .boot .info.nft-info :is(.label,.value) {
  color:var(--rc426-nft-fg)!important;
  -webkit-text-fill-color:var(--rc426-nft-fg)!important;
  text-shadow:none!important;opacity:1!important;
}
body[data-nft-style] :is(.nft-pill,.boot .pill.nft-pill,.mastercard .nft-pill),
body[data-ui-theme="modern"][data-nft-style] :is(.nft-pill,.boot .pill.nft-pill,.mastercard .nft-pill) {
  background:var(--rc426-nft-bg)!important;background-image:none!important;
  color:var(--rc426-nft-fg)!important;border:1px solid var(--rc426-nft-edge)!important;
  box-shadow:inset 2px 0 0 var(--rc426-nft-rail)!important;
}
body[data-nft-style] .nft-pill :is(.nft-pill-label,.nft-pill-date),
body[data-ui-theme="modern"][data-nft-style] .boot .pill.nft-pill :is(.nft-pill-label,.nft-pill-date) {
  color:var(--rc426-nft-fg)!important;
  -webkit-text-fill-color:var(--rc426-nft-fg)!important;
  text-shadow:none!important;opacity:1!important;
}

/* Master Catalogue list, tile, and both types of recording-detail popups. */
body[data-ui-theme="modern"][data-nft-style] .catalogue-meta span.nft,
body[data-ui-theme="modern"][data-nft-style] .catalogue-meta .nft {
  background:var(--rc426-nft-bg)!important;color:var(--rc426-nft-fg)!important;
  border:1px solid var(--rc426-nft-edge)!important;border-left:3px solid var(--rc426-nft-rail)!important;
  -webkit-text-fill-color:var(--rc426-nft-fg)!important;
}
body[data-ui-theme="modern"][data-nft-style] :is(#rc440Overlay,#catalogueDetailModal) .rc426-nft-field,
body[data-nft-style] :is(.rc440-detail-grid,.catalogue-detail-grid) .rc426-nft-field {
  background:var(--rc426-nft-bg)!important;background-image:none!important;
  border:2px solid var(--rc426-nft-edge)!important;
  box-shadow:inset 3px 0 0 var(--rc426-nft-rail)!important;
}
body[data-ui-theme="modern"][data-nft-style] :is(#rc440Overlay,#catalogueDetailModal) .rc426-nft-field :is(span,strong,.label,.value),
body[data-nft-style] .rc426-nft-field :is(span,strong,.label,.value) {
  color:var(--rc426-nft-fg)!important;
  -webkit-text-fill-color:var(--rc426-nft-fg)!important;
  opacity:1!important;text-shadow:none!important;
}
body[data-ui-theme="modern"][data-nft-style] #rc440Overlay .rc423-detail-nft,
body[data-nft-style] .rc423-detail-nft {
  display:inline-flex!important;width:fit-content!important;
  padding:4px 9px!important; margin-top:5px!important;
  color:var(--rc426-nft-fg)!important;background:var(--rc426-nft-bg)!important;
  -webkit-text-fill-color:var(--rc426-nft-fg)!important;
  border:1px solid var(--rc426-nft-edge)!important;
  box-shadow:inset 3px 0 0 var(--rc426-nft-rail)!important;
}

/* NFT Manager: dates and the actual status chip retain the date and state. */
body[data-ui-theme="modern"][data-nft-style] #nftManagerList .nft-datebox,
body[data-nft-style] #nftManagerList .nft-datebox {
  background:var(--rc426-nft-bg)!important;border:1px solid var(--rc426-nft-edge)!important;
  box-shadow:inset 3px 0 0 var(--rc426-nft-rail)!important;
}
body[data-nft-style] #nftManagerList .nft-datebox :is(.label,.nft-date) {
  color:var(--rc426-nft-fg)!important;
  -webkit-text-fill-color:var(--rc426-nft-fg)!important;
  opacity:1!important;text-shadow:none!important;
}

/* Pack builder and scanned proposed order: preserve prominently visible NFT
   values even where a show's colored tiles override the ordinary badges. */
body[data-ui-theme="modern"][data-nft-style] #page-packs .rc423-nft,
body[data-nft-style] #page-packs .rc423-nft {
  background:var(--rc426-nft-bg)!important;background-image:none!important;
  color:var(--rc426-nft-fg)!important;border:1px solid var(--rc426-nft-edge)!important;
  box-shadow:inset 3px 0 0 var(--rc426-nft-rail)!important;
}
body[data-nft-style] #page-packs .rc423-nft :is(.rc423-nft-prefix,.rc423-nft-value,span,strong) {
  color:var(--rc426-nft-fg)!important;
  -webkit-text-fill-color:var(--rc426-nft-fg)!important;
  opacity:1!important;text-shadow:none!important;
}

@media (prefers-reduced-motion: reduce){body #nftStyleToggle > button{transition:none!important}}