/* REPPTRADE 4.4.1 — Cast index, actual title wells, and filter motion.
   Presentation only. No persistence, auth, record, cloud or seed changes. */

/* Catalogue show and recording titles are inset, dark-background text blocks,
   matching the Library's recording detail title wells. */
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue h4,
body[data-ui-theme="modern"] .master-show-card .master-show-name {
  display:block!important;
  width:100%;max-width:100%;box-sizing:border-box;
  background:#0b1421!important;
  border:1px solid rgba(204,221,240,.38)!important;
  color:#fff!important;
  padding:10px 12px!important;
  margin:0 0 11px!important;
  line-height:1.38!important;
  text-shadow:none!important;
  border-radius:2px!important;
  overflow-wrap:anywhere!important;
}
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue h4{
  font-size:14px!important;
  /* Keep the heading left of the artwork in the catalogue item cards. */
  width:100%!important;
  max-width:100%!important;
  padding-right:12px!important;
}
body[data-ui-theme="modern"] .master-show-card .master-show-name{
  width:max-content!important;max-width:100%!important;
  font-size:14px!important;padding:9px 12px!important;
}
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue:hover h4,
body[data-ui-theme="modern"] .master-show-card:hover .master-show-name{color:#fff!important;background:#09131feF!important;}
body[data-ui-theme="modern"] .mastercard.v43-card.repp439-catalogue.is-owned h4{color:#fff!important;background:#09251e!important;border-color:#63b692!important}
body[data-surface="light"] .mastercard.v43-card.repp439-catalogue h4,
body[data-surface="light"] .master-show-card .master-show-name{color:#fff!important}

/* Cast tiles: share the inset frame, architectural rail and optional square art
   hover of regular show tiles, but use one disciplined, slate-toned base. */
#libraryCast .rc440-actor-grid{
 display:grid!important;
 grid-template-columns:repeat(auto-fill,minmax(232px,1fr))!important;
 gap:9px!important;
 align-items:stretch!important;
}
#libraryCast .rc440-actor-card{
 display:grid!important;grid-template-columns:51px minmax(0,1fr)!important;
 align-items:center!important;gap:12px!important;
 min-height:91px!important;height:auto!important;max-height:none!important;
 padding:13px 15px!important;
 background:#101924!important;
 border:1px solid var(--cast-accent,#4a7797)!important;
 border-radius:3px!important;
 box-shadow:inset 0 0 0 1px rgba(221,236,252,.045)!important;
 position:relative!important;overflow:hidden!important;isolation:isolate;
 color:#fff!important;text-align:left!important;
 transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
#libraryCast .rc440-actor-card::before{
 content:"";position:absolute;inset:7px;
 border:1px solid color-mix(in srgb,var(--cast-accent,#648bac) 63%,#d6dfeb 37%);
 opacity:.75;z-index:0;pointer-events:none;
}
#libraryCast .rc440-actor-card::after{
 content:"";position:absolute;inset:0;
 background-image:linear-gradient(90deg,rgba(3,9,17,.88),rgba(3,9,17,.82)),var(--cast-art,none);
 background-position:center;background-size:cover;
 opacity:0;z-index:0;pointer-events:none;transition:opacity .22s ease;
}
#libraryCast .rc440-actor-card:hover::after,
#libraryCast .rc440-actor-card:focus-visible::after{opacity:1}
#libraryCast .rc440-actor-card:hover,
#libraryCast .rc440-actor-card:focus-visible{
 background:#17283a!important;
 border-color:color-mix(in srgb,var(--cast-accent,#648bac) 80%,#fff 20%)!important;
 box-shadow:0 8px 18px rgba(0,0,0,.25)!important;
 transform:none!important;
}
#libraryCast .rc440-actor-portrait{
 position:relative;z-index:2;
 width:50px!important;height:57px!important;
 display:flex;flex:none;
 border:1px solid var(--cast-accent,#506781)!important;
 border-radius:2px!important;
 background-color:#203348!important;
 box-shadow:none!important;
 color:#e6f0fa!important;font:750 23px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
}
#libraryCast .rc440-actor-text{z-index:2;position:relative;min-width:0!important;display:flex;flex-direction:column;gap:7px!important;justify-content:center}
#libraryCast .rc440-actor-text strong{
 display:block;width:100%;font:750 13px/1.24 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif!important;
 text-transform:uppercase;letter-spacing:.04em;
 color:#fff!important;overflow-wrap:break-word!important;word-break:normal!important;
}
#libraryCast .rc440-actor-text small{
 font:500 10px/1.45 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif!important;
 color:#bed1e2!important;overflow-wrap:normal!important;
}
#libraryCast .rc440-index-toolbar{align-items:center!important;gap:15px!important}
#libraryCast .rc441-index-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;flex:1}
#libraryCast .rc441-index-controls label{display:inline-flex;align-items:center;gap:9px;color:#b4c8d9;font:750 10px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;letter-spacing:.5px;white-space:nowrap}
#libraryCast .rc441-index-controls select{min-width:154px;border:1px solid #486780;border-radius:3px;background:#152739;color:#f5f8fc;padding:10px 12px;font:630 12px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;cursor:pointer}
#libraryCast .rc441-index-controls input{max-width:320px;width:clamp(185px,25vw,320px)}
#libraryCast .rc441-index-controls button{padding:10px 13px;border-radius:3px}
body[data-surface="light"] #libraryCast .rc440-actor-card{background:#e9f1fa!important}
body[data-surface="light"] #libraryCast .rc440-actor-text strong{color:#17324b!important}
body[data-surface="light"] #libraryCast .rc440-actor-text small{color:#3f5b73!important}
body[data-surface="light"] #libraryCast .rc440-actor-card:hover .rc440-actor-text strong,
body[data-surface="light"] #libraryCast .rc440-actor-card:hover .rc440-actor-text small{color:#fff!important}
body[data-surface="light"] #libraryCast .rc441-index-controls select{color:#16354d;background:#eef5fa;border-color:#aac2d4}
@media(max-width:700px){
 #libraryCast .rc440-actor-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #libraryCast .rc440-actor-card{grid-template-columns:43px minmax(0,1fr)!important;gap:9px!important;min-height:80px!important;padding:10px!important}
 #libraryCast .rc440-actor-portrait{width:42px!important;height:49px!important}
 #libraryCast .rc440-actor-text strong{font-size:11px!important}
 #libraryCast .rc440-actor-text small{font-size:9px!important}
 #libraryCast .rc441-index-controls{justify-content:flex-start;width:100%}
 #libraryCast .rc441-index-controls input{order:-1;max-width:none;width:100%}
}
@media(max-width:415px){#libraryCast .rc440-actor-grid{grid-template-columns:1fr!important}}
/* Browser-driven expand/cascade animation supersedes old classes. */
.filter-cascade:not([hidden]),.filter-cascade .filter-category,.filter-cascade .filter-option{
 animation:none!important;
}
@media(prefers-reduced-motion:reduce){#libraryCast .rc440-actor-card,#libraryCast .rc440-actor-card::after{transition:none!important}}
/* The catalogue detail title is also its own readable black type panel. */
body[data-ui-theme="modern"] #catalogueDetailModal .showmodal-head h3{
 display:inline-block!important;width:fit-content!important;max-width:100%!important;
 padding:11px 15px!important;background:#081420!important;
 border:1px solid #607f97!important;color:#fff!important;
 border-radius:2px!important;line-height:1.35!important;
}