/* REPPTRADE v4.4.19 — motion consolidation, account wallpaper, artwork
   presentation, cast layouts. Loaded last. No record data changes. */

/* WALLPAPER: do not bury the image behind body via z-index:-1. The app is a
   transparent, foreground stacking context; individual panels remain opaque. */
body.repp-wallpaper-on{background:transparent!important;isolation:isolate!important}
body.repp-wallpaper-on::before,body.repp-wallpaper-on::after{
  z-index:0!important;inset:-2%!important;pointer-events:none!important;
}
body.repp-wallpaper-on>.app{position:relative;z-index:1;background:transparent!important}
body.repp-wallpaper-on::before{background-image:var(--repp-wallpaper-image)!important;background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important}
body.repp-wallpaper-on[data-repp-wallpaper-mode="original"]::after{background:transparent!important}
body.repp-wallpaper-on[data-repp-wallpaper-mode="blurred"]::after{background:rgba(3,9,22,.25)!important}
body.repp-wallpaper-on[data-repp-wallpaper-mode="shadowed"]::after{background:rgba(3,9,22,.64)!important}
body.repp-wallpaper-on #page-library,body.repp-wallpaper-on #page-master,
body.repp-wallpaper-on #page-nft,body.repp-wallpaper-on #page-packs,
body.repp-wallpaper-on #page-add,body.repp-wallpaper-on #page-setup,
body.repp-wallpaper-on .wrap{background:transparent!important}

/* MOTION: a single controlled cascade; no second keyframe applied to text. */
.filter-cascade:not([hidden]),.filter-cascade.repp440-enter,
.filter-cascade.repp440-enter .filter-category,.filter-cascade.repp440-enter .filter-option,
.filter-cascade:not([hidden]) .filter-cascade-inner,
.filter-cascade:not([hidden]) :is(.filter-category,.filter-option){
 animation:none!important;
}
.filter-cascade.rc419-reveal:not([hidden]){animation:rc419-pop .32s cubic-bezier(.22,.75,.24,1) both!important}
@keyframes rc419-pop{from{opacity:0;transform:translate3d(0,-12px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
/* Text and controls never receive a delayed entrance after the panel settles. */
.filter-cascade .filter-category,.filter-cascade .filter-option{
 animation:none!important;
 transition:background-color .22s ease,color .22s ease,transform .32s cubic-bezier(.22,.75,.24,1)!important;
}
/* Smooth zoom must not mutate font-size and push sibling navigation items. */
@media(hover:hover) and (pointer:fine){
 body[data-ui-theme="modern"] .mainnav .navbtn{
   font-size:13px!important;transform:translateZ(0) scale(1)!important;
   transform-origin:left center!important;
   transition:transform .36s cubic-bezier(.19,.9,.22,1),background-color .2s ease,color .2s ease,border-color .2s ease!important;
 }
 body[data-ui-theme="modern"] .mainnav .navbtn:is(:hover,:focus-visible){font-size:13px!important;transform:translateZ(0) scale(1.075)!important}
 body[data-ui-theme="modern"] .mainnav .navbtn.active:not(:hover){transform:translateZ(0) scale(1.035)!important}
 body[data-ui-theme="modern"] #libraryTiles .showtile,
 body[data-ui-theme="modern"] #libraryRecent .recent-card{
   transition:transform .38s cubic-bezier(.19,.9,.22,1),box-shadow .38s ease,border-color .26s ease!important;
   transform:translateZ(0) scale(1)!important;transform-origin:center center;
 }
 body[data-ui-theme="modern"] #libraryTiles .showtile:is(:hover,:focus-within),
 body[data-ui-theme="modern"] #libraryRecent .recent-card:is(:hover,:focus-within){
   transform:translateZ(0) scale(1.018)!important;z-index:4!important;
 }
}
/* All browsers: poster image retains a little more of its real color. */
body[data-ui-theme="modern"] .showtile-hover-art,
body[data-ui-theme="modern"] .recent-hover-art{
 filter:grayscale(.04) brightness(.49) saturate(.95)!important;
 transition:opacity .34s ease!important;
}
body[data-ui-theme="modern"] .showtile:hover .showtile-hover-art,
body[data-ui-theme="modern"] .recent-card:hover .recent-hover-art{opacity:.76!important}

/* Three mutually exclusive states: Standard, Easy Readability, Artwork. */
.rc419-display-options{display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:144px}
body[data-ui-theme="modern"] #page-library .toolbar #rc419ArtworkBtn{
  border-radius:3px!important;text-align:center;
  background:#14263b!important;color:#e7f0f9!important;border:1px solid #3a5873!important;
}
body[data-ui-theme="modern"] #page-library .toolbar #rc419ArtworkBtn.active{
  color:#fff!important;border-color:#ce7bd9!important;
  box-shadow:inset 0 0 0 1px #b678d6,0 0 13px rgba(201,90,224,.30)!important;
}
body[data-surface="light"][data-ui-theme="modern"] #page-library .toolbar #rc419ArtworkBtn{
  background:#e7f0fa!important;color:#183751!important;border-color:#a6bfd6!important;
}
body[data-surface="light"][data-ui-theme="modern"] #page-library .toolbar #rc419ArtworkBtn.active{
  background:#eadcf8!important;color:#4c2865!important;
}

/* Actual themed artwork, not a separate default colored tile. Keep the inset
   decorative border, thematic accent rail and high-contrast text wells. */
body.rc419-artwork-view #libraryTiles .showtile,
body.rc419-artwork-view #libraryRecent .recent-card{color:#fff!important}
body.rc419-artwork-view #libraryTiles .showtile .showtile-hover-art,
body.rc419-artwork-view #libraryRecent .recent-card .recent-hover-art{
  opacity:.84!important;filter:grayscale(0) brightness(.55) saturate(1.02)!important;
}
body.rc419-artwork-view #libraryTiles .showtile :is(h3,.eyebrow,.recording-count-chip,.tilemeta .pill),
body.rc419-artwork-view #libraryRecent .recent-card :is(.recent-title,.recent-show,.recent-meta span){
  color:#fff!important;text-shadow:none!important;
}
body.rc419-artwork-view #libraryTiles .showtile :is(.content h3,.recording-count-chip,.tilemeta .pill),
body.rc419-artwork-view #libraryRecent .recent-card :is(.recent-title,.recent-meta span){
  background:rgba(5,13,26,.77)!important;box-shadow:none!important;
  border-color:rgba(255,255,255,.36)!important;
}
/* Recording cards in an opened show: the pre-existing information wells and
   accent borders stay in place, only the painted card surface changes. */
body[data-ui-theme="modern"].rc419-artwork-view #drawerBody .boot{
 background:linear-gradient(110deg,rgba(3,9,20,.58),rgba(3,9,20,.72)),var(--rc419-art-image,none) center/cover!important;
 color:#fff!important;border-color:var(--show-accent,#79b1de)!important;
}
body.rc419-artwork-view #drawerBody .boot :is(.boottitle,.value,.cast,.notes){color:#fff!important}
body.rc419-artwork-view #drawerBody .boot :is(.boottitle,.info,.block,.cast,.notes){
 text-shadow:none!important;
}
body.rc419-artwork-view #drawerBody .boot .boottitle,
body.rc419-artwork-view #drawerBody .boot :is(.info,.block){
 background:rgba(3,10,21,.84)!important;
}
/* Actor index and actor/role result tiles. Preserve private headshot images. */
body.rc419-artwork-view #libraryCast .rc440-actor-card:has(.rc442-art-layer),
body[data-ui-theme="modern"].rc419-artwork-view .rc450-show-wrap .rc450-show-row .rc440-actor-show,
body[data-ui-theme="modern"].rc419-artwork-view .rc447-master-card>summary{
 background:#0c1726!important;color:#fff!important;
}
body.rc419-artwork-view #libraryCast .rc442-art-layer:first-child{
 opacity:.74!important;filter:saturate(1.08) brightness(1.14)!important;
}
body.rc419-artwork-view #libraryCast .rc440-actor-card :is(strong,small),
body.rc419-artwork-view .rc450-show-wrap .rc440-actor-show :is(strong,small),
body.rc419-artwork-view .rc447-master-card>summary :is(strong,small){color:#fff!important}
body[data-ui-theme="modern"].rc419-artwork-view .rc450-show-wrap .rc450-show-row .rc440-actor-show::before,
body[data-ui-theme="modern"].rc419-artwork-view .rc447-master-card>summary::before{
 opacity:.92!important;
 background-image:linear-gradient(90deg,rgba(3,9,20,.50),rgba(3,9,20,.66)),var(--role-image,none)!important;
}
body[data-ui-theme="modern"].rc419-artwork-view .rc450-record-item.rc451-record-item,
body.rc419-artwork-view .rc451-record-item,
body.rc419-artwork-view .rc451-record-item>summary{
 background:linear-gradient(110deg,rgba(5,14,28,.75),rgba(5,14,28,.79)),var(--role-image,none) center/cover!important;
 color:#fff!important;
}
body.rc419-artwork-view .rc451-record-item .rc451-quick-detail{background:rgba(6,15,29,.92)!important}

/* Full recording detail: the whole modal shell uses the show theme. Existing
   detail grid, cast, screenshots, action buttons are left intact. */
body[data-ui-theme="modern"] #rc440Overlay .rc440-window.rc419-full-show-theme{
 background:var(--show-boot-bg,var(--show-solid,#14283a))!important;
 border:2px solid var(--show-accent,#7caed1)!important;
 border-radius:4px!important;
 color:#fff!important;
}
body[data-ui-theme="modern"] #rc440Overlay .rc419-full-show-theme>.rc440-head{
 background:var(--show-drawer-bg,var(--show-solid,#152c42))!important;
 border-bottom:2px solid var(--show-accent,#7caed1)!important;
 color:#fff!important;
}
body[data-ui-theme="modern"] #rc440Overlay .rc419-full-show-theme>.rc440-body{
 background:var(--show-boot-bg,var(--show-solid,#14283a))!important;
}
/* The recording title is already visible in its colored content header. */
#rc440Overlay .rc419-full-show-theme>.rc440-head h2{display:none!important}
#rc440Overlay .rc419-full-show-theme>.rc440-head #rc440Close{grid-row:1!important}
body[data-ui-theme="modern"] #rc440Overlay .rc419-full-show-theme .rc451-record-detail{
 color:#fff!important;
}
body[data-ui-theme="modern"] #rc440Overlay .rc419-full-show-theme .rc451-record-detail :is(.rc440-field,.rc440-cast-member,.rc440-notes){
 border-left:3px solid var(--show-accent,#77a7c9)!important;
}
body[data-ui-theme="modern"] #rc440Overlay .rc419-full-show-theme :is(.rc440-kicker,.rc440-mini,.rc440-section h3){color:#fff!important}
body.rc419-artwork-view[data-ui-theme="modern"] #rc440Overlay .rc419-full-show-theme,
body.rc419-artwork-view[data-ui-theme="modern"] #rc440Overlay .rc419-full-show-theme>.rc440-body{
 background:linear-gradient(115deg,rgba(4,12,24,.67),rgba(4,12,24,.78)),var(--rc419-art-image,none) center/cover!important;
}
body.rc419-artwork-view[data-ui-theme="modern"] #rc440Overlay .rc419-full-show-theme .rc451-record-detail{
 background:rgba(7,17,31,.23)!important;border:2px solid var(--show-accent,#77acd0)!important;
}
/* Catalogue detail parity (same artwork rules, no private URL exposure). */
body.rc419-artwork-view[data-ui-theme="modern"] #catalogueDetailModal.rc415-catalogue-parity,
body.rc419-artwork-view[data-ui-theme="modern"] #catalogueDetailModal.rc415-catalogue-parity .showmodal-body,
body.rc419-artwork-view[data-ui-theme="modern"] #catalogueDetailModal.rc415-catalogue-parity #catalogueDetailBody{
 background:linear-gradient(115deg,rgba(4,12,24,.69),rgba(4,12,24,.79)),var(--rc419-art-image,none) center/cover!important;color:#fff!important;
}
body.rc419-artwork-view[data-ui-theme="modern"] #catalogueDetailModal.rc415-catalogue-parity .rc415-catalogue-detail-surface{
 background:rgba(6,17,31,.25) padding-box,var(--show-easy-border,linear-gradient(130deg,#6285b8,#ba78d3)) border-box!important;color:#fff!important;
}
/* A show's popup chrome now stays inside the show's palette, even in
   "primary only" mode where --show-drawer-bg is the primary solid. */
body[data-ui-theme="modern"] #drawer.open{
 background:var(--show-drawer-bg,var(--show-solid,#0f2436))!important;
 border-left:2px solid var(--show-accent,#7ca3d1)!important;
}
body[data-ui-theme="modern"] #drawer .drawerbody{background:transparent!important}
body[data-ui-theme="modern"] #drawer .drawer-filter-controls,
body[data-ui-theme="modern"] #drawer .drawer-filters{background:rgba(5,14,29,.83)!important}

/* MODERN CAST: headshots on the left, spaced-out names and roles, one unbroken
   character at a time. Uses the existing account-scoped portrait storage. */
.rc419-cast-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px;border-bottom:1px solid var(--show-accent,#496982)}
.rc419-cast-heading h3{margin:0!important;border:0!important;padding-bottom:9px!important}
.rc419-cast-selector{display:inline-flex;gap:4px;flex-wrap:wrap;padding-bottom:7px}
.rc419-cast-selector button{
 border:1px solid var(--show-accent,#5d839e);border-radius:2px;
 background:#0b1929;color:#c4d8e8;padding:7px 12px;cursor:pointer;
 font:750 11px/1.1 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;text-transform:uppercase;
}
.rc419-cast-selector button[aria-pressed="true"]{background:#273e57;color:#fff;box-shadow:inset 0 -2px 0 var(--show-accent,#a46fc9)}
.rc419-cast-section .rc419-modern-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:9px}
.rc419-cast-section .rc419-cast-member{
 display:grid!important;grid-template-columns:55px minmax(0,1fr)!important;align-items:center!important;
 column-gap:11px!important;padding:11px!important;min-width:0!important;min-height:87px;
 background:#0d1a2b!important;color:#fff!important;
 border:1px solid #42607c!important;border-left:3px solid var(--show-accent,#6993b6)!important;
}
.rc419-cast-section .rc419-cast-portrait{
 display:flex!important;width:54px!important;height:63px!important;max-width:54px;min-width:0;
 border-radius:2px!important;background-color:#273a51!important;
 border:1px solid #698aa9!important;align-items:center;justify-content:center;
 background-position:center;background-size:cover;box-shadow:none!important;
 color:#fff!important;font:bold 21px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
}
.rc419-cast-credit{display:flex;flex-direction:column;gap:7px;min-width:0;align-items:flex-start}
.rc419-cast-section .rc446-cast-actor{
 font:800 14px/1.35 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif!important;
 overflow-wrap:anywhere!important;color:#fff!important;text-align:left!important;white-space:normal!important;
}
.rc419-cast-section .rc446-cast-role{
 font:550 12px/1.44 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif!important;
 text-align:left!important;white-space:normal!important;overflow-wrap:normal!important;
 word-break:normal!important;color:#d1e2f2!important;
}
.rc419-cast-section .rc419-role-fragment{display:block!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important}
.rc419-cast-section .rc419-open-arrow{display:inline-block!important;font-size:11px;color:#d18adf!important;padding-top:3px}
/* Playbill: typographic two-column ledger with flex dots, not literal dots in
   a space-filled string; stays aligned even when either name wraps. */
.rc419-cast-section .rc419-playbill-list{display:none;background:#f4eee4;color:#161b26;padding:20px 18px;border:1px solid #dbc9b4}
.rc419-cast-section[data-rc419-cast-layout="playbill"] .rc419-modern-grid{display:none!important}
.rc419-cast-section[data-rc419-cast-layout="playbill"] .rc419-playbill-list{display:block!important}
.rc419-playbill-row{display:flex;align-items:baseline;gap:7px;min-width:0;padding:6px 0;border-bottom:1px solid rgba(71,61,48,.08)}
.rc419-playbill-row .rc419-playbill-role{flex:0 1 auto;width:auto!important;min-width:0;max-width:46%;color:#182238!important;text-align:left!important;font:600 13px/1.45 Georgia,'Times New Roman',serif!important}
.rc419-playbill-row .rc419-playbill-role .rc419-role-fragment{display:block!important;color:#182238!important}
.rc419-playbill-row .rc419-playbill-dots{flex:1 1 18px;min-width:16px;border-bottom:2px dotted #766b5f;height:.85em}
.rc419-playbill-row .rc419-playbill-actor{flex:0 1 auto;width:auto!important;min-width:0;max-width:46%;color:#10151b!important;text-align:right!important;font:750 13px/1.45 Georgia,'Times New Roman',serif!important;text-transform:uppercase!important;white-space:normal!important}
.rc419-playbill-row button{border:0!important;background:transparent!important;padding:0!important;cursor:pointer!important}
.rc419-playbill-row button:hover{text-decoration:underline!important}
@media(max-width:760px){
 .rc419-cast-section .rc419-modern-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .rc419-cast-section .rc419-cast-member{grid-template-columns:44px minmax(0,1fr)!important;gap:8px!important;padding:8px!important}
 .rc419-cast-section .rc419-cast-portrait{width:43px!important;height:53px!important;font-size:17px!important}
 .rc419-cast-section .rc446-cast-actor{font-size:12px!important}
 .rc419-cast-section .rc446-cast-role{font-size:11px!important}
}
@media(max-width:520px){
 .rc419-cast-section .rc419-modern-grid{grid-template-columns:1fr!important}
 .rc419-cast-section .rc419-playbill-list{padding:12px 10px}
 .rc419-playbill-row .rc419-playbill-role,.rc419-playbill-row .rc419-playbill-actor{font-size:11px!important;max-width:47%}
}
@media(prefers-reduced-motion:reduce){
 .filter-cascade:not([hidden]),.filter-cascade.rc419-reveal,
 .filter-cascade .filter-category,.filter-cascade .filter-option,
 .mainnav .navbtn,.showtile,.recent-card{animation:none!important;transition:none!important;transform:none!important}
}
