/* REPPTRADE 4.4.20 – Artwork typography, calmer palettes, detail parity.
   Loaded AFTER 4.4.19. These changes are presentation-only. */

/* 1. ARTWORK MODE: the art IS the tile. Never obscure it with separate
   caption rectangles/chips; rely on a uniform dark image treatment and
   subtle dark halo behind WHITE lettering instead. The inset frame stays. */
body[data-ui-theme="modern"].rc419-artwork-view #libraryTiles .showtile .showtile-hover-art,
body[data-ui-theme="modern"].rc419-artwork-view #libraryRecent .recent-card .recent-hover-art {
 opacity:.80!important;
 filter:grayscale(0) brightness(.50) saturate(.98)!important;
}
body[data-ui-theme="modern"].rc419-artwork-view #libraryTiles .showtile :is(.content h3,.content .eyebrow,.content .recording-count-chip,.tilemeta,.tilemeta .pill),
body[data-ui-theme="modern"].rc419-artwork-view #libraryRecent .recent-card :is(.recent-title,.recent-show,.recent-meta,.recent-meta span){
 color:#fff!important;
 background:transparent!important;
 background-image:none!important;
 border:0!important;
 box-shadow:none!important;
 outline:0!important;
 text-shadow:0 1px 3px rgba(0,0,0,.94),0 0 12px rgba(0,0,0,.84)!important;
}
body[data-ui-theme="modern"].rc419-artwork-view #libraryTiles .showtile .content,
body[data-ui-theme="modern"].rc419-artwork-view #libraryRecent .recent-card .recent-info{
 position:relative;z-index:2;
}
/* Metadata markers remain separated by spacing but without opaque backplates. */
body[data-ui-theme="modern"].rc419-artwork-view #libraryTiles .tilemeta .pill,
body[data-ui-theme="modern"].rc419-artwork-view #libraryTiles .recording-count-chip{
 padding-left:0!important;padding-right:7px!important;
}

/* 2. COLLECTION: a neutral canvas around each individually themed boot.
   Keep the selected show palette in the header and on the cards themselves. */
body[data-ui-theme="modern"] #drawer.open{
 background:#0c1522!important;
}
body[data-ui-theme="modern"] #drawer .drawerbody{
 background:#0e1928!important;
 color:#f7faff!important;
}
body[data-ui-theme="modern"] #drawer .drawerfilters{
 background:#0b1420!important;
}
body[data-surface="light"][data-ui-theme="modern"] #drawer.open{
 background:#e9f0f8!important;
}
body[data-surface="light"][data-ui-theme="modern"] #drawer .drawerbody{
 background:#edf3fa!important;
 color:#16324a!important;
}
body[data-surface="light"][data-ui-theme="modern"] #drawer .drawerfilters{
 background:#edf3fa!important;
}
/* Keep the body and the boot separate rather than painting the parent the
   same bright primary/secondary gradient as the record. */
body[data-ui-theme="modern"] #drawer .boot{
 box-shadow:0 2px 9px rgba(0,0,0,.13)!important;
}
/* Custom tinted black boxes. --show-a is the user's selected primary, not
   the accent; mixing it with deep navy preserves hue while allowing white ink. */
body[data-ui-theme="modern"] #drawer .boot :is(.boottitle,.info,.detailbox,.block){
 background:color-mix(in srgb,var(--show-a,#253b5b) 30%,#07121f 70%)!important;
 background-image:none!important;
 border-color:color-mix(in srgb,var(--show-accent,#648cae) 46%,#304259)!important;
 color:#fff!important;
}
body[data-ui-theme="modern"] #drawer .boot :is(.label,.value,.cast,.notes){color:#fff!important}
body[data-ui-theme="modern"] #drawer .boot .label{color:#c8d5e6!important}
/* Artwork mode keeps the user's existing dark structured information wells. */
body[data-ui-theme="modern"].rc419-artwork-view #drawer .boot :is(.boottitle,.info,.detailbox,.block){
 background:color-mix(in srgb,var(--show-a,#253b5b) 21%,rgba(3,9,18,.92) 79%)!important;
}
body[data-ui-theme="modern"].rc419-artwork-view #drawer .boot{
 background:linear-gradient(110deg,rgba(3,9,20,.67),rgba(3,9,20,.79)),var(--rc419-art-image,none) center/cover!important;
}

/* 3. RECORDING DETAILS: replace redundant title with a much more prominent
   section label and optional cover art. No duplicated recording title. */
body[data-ui-theme="modern"] #rc440Overlay .rc419-full-show-theme>.rc440-head{
 display:grid!important;
 grid-template-columns:56px minmax(0,1fr) auto!important;
 align-items:center!important;
 gap:0 14px!important;
 min-height:102px!important;
 padding:17px 24px!important;
}
body[data-ui-theme="modern"] #rc440Overlay .rc419-full-show-theme>.rc440-head:before{
 content:"";
 display:block;
 grid-column:1;grid-row:1;
 width:54px;height:54px;
 background:var(--rc420-header-logo,none) center/cover no-repeat;
 border:1px solid var(--show-accent,#6892b3);
 border-radius:2px;
}
body[data-ui-theme="modern"] #rc440Overlay .rc419-full-show-theme:not(.rc420-has-logo)>.rc440-head:before{display:none}
body[data-ui-theme="modern"] #rc440Overlay .rc419-full-show-theme:not(.rc420-has-logo)>.rc440-head{grid-template-columns:minmax(0,1fr) auto!important}
body[data-ui-theme="modern"] #rc440Overlay .rc419-full-show-theme>.rc440-head #rc440Kind{
 grid-column:2;grid-row:1;
 font:850 clamp(17px,2vw,23px)/1.17 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
 text-transform:uppercase!important;letter-spacing:.07em!important;
 color:var(--show-title-ink,#fff)!important;
}
body[data-ui-theme="modern"] #rc440Overlay .rc419-full-show-theme:not(.rc420-has-logo)>.rc440-head #rc440Kind{grid-column:1}
body[data-ui-theme="modern"] #rc440Overlay .rc419-full-show-theme>.rc440-head #rc440Close{
 grid-column:3!important;grid-row:1!important;justify-self:end;
}
body[data-ui-theme="modern"] #rc440Overlay .rc419-full-show-theme:not(.rc420-has-logo)>.rc440-head #rc440Close{grid-column:2!important}
body[data-ui-theme="modern"] #rc440Overlay .rc419-full-show-theme>.rc440-head h2{display:none!important}

/* 4. LARGE DETAIL: no gradient rim in NORMAL mode. The body remains a gently
   themed surface; the accent draws the line, exactly as requested. */
body[data-ui-theme="modern"]:not(.easy-readability) #rc440Overlay .rc419-full-show-theme .rc451-record-detail{
 border:3px solid var(--show-accent,#6ba6d2)!important;
 background:var(--show-boot-bg,var(--show-solid,#14273e))!important;
}
body[data-ui-theme="modern"].easy-readability #rc440Overlay .rc419-full-show-theme .rc451-record-detail{
 border:3px solid transparent!important;
 background:linear-gradient(#141b26,#141b26) padding-box,
   var(--show-easy-border,linear-gradient(125deg,#547da4,#b77fc8)) border-box!important;
}
/* Primary-derived deep panels for metadata, notes AND Modern cast members. */
body[data-ui-theme="modern"]:not(.easy-readability) #rc440Overlay .rc419-full-show-theme .rc451-record-detail :is(.rc440-record-top,.rc440-field,.rc440-notes,.rc440-cast-member,.rc419-cast-member){
 background:color-mix(in srgb,var(--show-a,#26415c) 30%,#07121f 70%)!important;
 color:#fff!important;
 border-color:color-mix(in srgb,var(--show-accent,#608db0) 40%,#30435b)!important;
 border-left:3px solid var(--show-accent,#608db0)!important;
}
body[data-ui-theme="modern"]:not(.easy-readability) #rc440Overlay .rc419-full-show-theme .rc451-record-detail .rc440-record-top{
 border-left-width:5px!important;
}
body[data-ui-theme="modern"] #rc440Overlay .rc419-full-show-theme .rc451-record-detail :is(.rc440-field strong,.rc446-cast-actor,.rc440-record-top h3){color:#fff!important}
body[data-ui-theme="modern"] #rc440Overlay .rc419-full-show-theme .rc451-record-detail .rc419-cast-section .rc446-cast-role{color:#d6e2f1!important}
/* The configured TITLE TEXT COLOR also styles the section headings, except
   neutral Easy Readability and Artwork View (both require light legible text). */
body[data-ui-theme="modern"]:not(.easy-readability):not(.rc419-artwork-view) #rc440Overlay .rc419-full-show-theme .rc451-record-detail .rc440-section h3,
body[data-ui-theme="modern"]:not(.easy-readability):not(.rc419-artwork-view) #rc440Overlay .rc419-full-show-theme .rc451-record-detail .rc440-section h3 small,
body[data-ui-theme="modern"]:not(.easy-readability):not(.rc419-artwork-view) #rc440Overlay .rc419-full-show-theme .rc451-record-detail .rc419-cast-heading h3{
 color:var(--show-title-ink,#fff)!important;
 opacity:1!important;
}
body[data-ui-theme="modern"].rc419-artwork-view #rc440Overlay .rc419-full-show-theme .rc451-record-detail .rc440-section h3,
body[data-ui-theme="modern"].easy-readability #rc440Overlay .rc419-full-show-theme .rc451-record-detail .rc440-section h3{
 color:#fff!important;
}
/* Show-colored rules, but avoid a brilliant gradient behind white copy. */
body[data-ui-theme="modern"] #rc440Overlay .rc419-full-show-theme .rc451-record-detail .rc440-section h3,
body[data-ui-theme="modern"] #rc440Overlay .rc419-full-show-theme .rc451-record-detail .rc419-cast-heading{
 border-bottom-color:color-mix(in srgb,var(--show-accent,#638db4) 62%,transparent)!important;
}
body[data-ui-theme="modern"].rc419-artwork-view #rc440Overlay .rc419-full-show-theme,
body[data-ui-theme="modern"].rc419-artwork-view #rc440Overlay .rc419-full-show-theme>.rc440-body{
 background:linear-gradient(115deg,rgba(4,12,24,.76),rgba(4,12,24,.83)),var(--rc419-art-image,none) center/cover!important;
}
body[data-ui-theme="modern"].rc419-artwork-view #rc440Overlay .rc419-full-show-theme .rc451-record-detail{
 background:linear-gradient(115deg,rgba(3,11,22,.72),rgba(3,11,22,.81)),var(--rc419-art-image,none) center/cover!important;
}
@media(max-width:680px){
 body[data-ui-theme="modern"] #rc440Overlay .rc419-full-show-theme>.rc440-head{padding:13px 15px!important;min-height:81px!important;grid-template-columns:40px minmax(0,1fr) auto!important;gap:10px!important}
 body[data-ui-theme="modern"] #rc440Overlay .rc419-full-show-theme>.rc440-head:before{width:40px;height:43px}
 body[data-ui-theme="modern"] #rc440Overlay .rc419-full-show-theme>.rc440-head #rc440Kind{font-size:15px!important;letter-spacing:.045em!important}
}