/* REPPTRADE v4.4.30 — portrait-forward cast tiles and bulk headshot import.
   Focuses on actor/cast card structure, larger role-index profile photos, and
   spacing that prevents portrait/text overlap. */

/* Cast Index toolbar: add room for the new bulk import action. */
#libraryCast .rc441-index-controls{
  align-items:center!important;
}
#libraryCast #rc4430BulkHeadshotsBtn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}

/* CAST INDEX cards: portrait owns the full left rail; remove the inset box. */
#libraryCast .rc440-actor-card{
  display:grid!important;
  grid-template-columns:88px minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:18px!important;
  min-height:104px!important;
  padding:8px 14px 8px 0!important;
  overflow:hidden!important;
}
#libraryCast .rc440-actor-card::before{display:none!important}
#libraryCast .rc440-actor-card .rc440-actor-portrait{
  width:88px!important;
  flex-basis:auto!important;
  height:100%!important;
  min-height:86px!important;
  align-self:stretch!important;
  border:0!important;
  border-right:1px solid color-mix(in srgb,var(--cast-accent,#648bac) 74%,#d6dfeb 26%)!important;
  border-radius:0!important;
  background-color:#203348!important;
  background-position:center!important;
  background-size:cover!important;
  box-shadow:none!important;
}
#libraryCast .rc440-actor-text{
  align-self:center!important;
  gap:5px!important;
  padding-right:2px!important;
}
#libraryCast .rc440-actor-text strong{
  font-size:13px!important;
  line-height:1.22!important;
}
#libraryCast .rc440-actor-text small{
  line-height:1.35!important;
}

/* Hover lift should visibly favor the portrait. */
@media (hover:hover) and (pointer:fine){
  #libraryCast .rc440-actor-card:hover,
  #libraryCast .rc440-actor-card:focus-visible{
    transform:translateY(-2px) scale(1.028)!important;
  }
  #libraryCast .rc440-actor-card:hover .rc440-actor-portrait,
  #libraryCast .rc440-actor-card:focus-visible .rc440-actor-portrait,
  #libraryCast .rc440-actor-card .rc440-actor-portrait:hover{
    transform:scale(1.055)!important;
  }
}

/* Actor profile / CAST · ROLE INDEX detail: bigger portrait, keep vertical pad
   compact so the section doesn't become much taller. */
#rc440Overlay .rc440-actor-heading{
  padding:8px 0 18px!important;
  gap:18px!important;
  align-items:center!important;
}
#rc440Overlay .rc440-actor-heading .rc440-actor-portrait.large{
  width:182px!important;
  flex:0 0 182px!important;
  height:auto!important;
  max-width:none!important;
  aspect-ratio:239 / 303!important;
}

/* Recording Details + Master Catalogue cast tiles: same portrait-forward left
   column treatment, with no inner framed portrait box. */
.rc419-cast-section .rc419-modern-grid .rc419-cast-member{
  grid-template-columns:84px minmax(0,1fr)!important;
  column-gap:14px!important;
  min-height:96px!important;
  padding:0 12px 0 0!important;
  overflow:hidden!important;
}
.rc419-cast-section .rc419-modern-grid .rc419-cast-portrait{
  width:84px!important;
  max-width:none!important;
  height:100%!important;
  min-height:96px!important;
  align-self:stretch!important;
  border:0!important;
  border-right:1px solid color-mix(in srgb,var(--show-accent,#6993b6) 70%,#d6dfeb 30%)!important;
  border-radius:0!important;
  box-shadow:none!important;
  background-position:center!important;
  background-size:cover!important;
}
.rc419-cast-section .rc419-modern-grid .rc419-cast-credit{
  gap:3px!important;
  justify-content:center!important;
}
.rc419-cast-section .rc419-modern-grid .rc446-cast-actor{
  font-size:14px!important;
  line-height:1.22!important;
}
.rc419-cast-section .rc419-modern-grid .rc446-cast-role{
  font-size:13px!important;
  line-height:1.28!important;
}

/* Role Index per-role performer rows: slightly larger portraits. */
#rc440Overlay .rc451-role-detail .rc451-person-heading{
  min-height:96px!important;
  padding-block:8px!important;
  gap:12px 14px!important;
}
#rc440Overlay .rc451-person-heading .rc429-role-portrait{
  width:72px!important;
  flex:0 0 72px!important;
}

/* Make sure hovering the actual portrait itself triggers the motion too. */
@media (hover:hover) and (pointer:fine){
  .rc419-cast-section .rc419-modern-grid .rc419-cast-member:hover,
  .rc419-cast-section .rc419-modern-grid .rc419-cast-member:focus-within{
    transform:translateY(-1px) scale(1.02)!important;
  }
  .rc419-cast-section .rc419-modern-grid .rc419-cast-member:hover .rc419-cast-portrait,
  .rc419-cast-section .rc419-modern-grid .rc419-cast-member:focus-within .rc419-cast-portrait,
  .rc419-cast-section .rc419-modern-grid .rc419-cast-portrait:hover,
  #rc440Overlay .rc451-person-heading:hover .rc429-role-portrait,
  #rc440Overlay .rc451-person-heading .rc429-role-portrait:hover{
    transform:scale(1.06)!important;
  }
}

@media (max-width:760px){
  #libraryCast .rc440-actor-card{
    grid-template-columns:72px minmax(0,1fr)!important;
    gap:12px!important;
    min-height:92px!important;
  }
  #libraryCast .rc440-actor-card .rc440-actor-portrait{
    width:72px!important;
    min-height:76px!important;
  }
  .rc419-cast-section .rc419-modern-grid .rc419-cast-member{
    grid-template-columns:64px minmax(0,1fr)!important;
    min-height:86px!important;
  }
  .rc419-cast-section .rc419-modern-grid .rc419-cast-portrait{
    width:64px!important;
    min-height:86px!important;
  }
  #rc440Overlay .rc440-actor-heading .rc440-actor-portrait.large{
    width:152px!important;
    flex-basis:152px!important;
  }
  #rc440Overlay .rc451-person-heading .rc429-role-portrait{
    width:60px!important;
    flex-basis:60px!important;
  }
}

@media (max-width:520px){
  #libraryCast .rc440-actor-card{
    grid-template-columns:64px minmax(0,1fr)!important;
    gap:10px!important;
    padding:8px 10px 8px 0!important;
  }
  #libraryCast .rc440-actor-card .rc440-actor-portrait{
    width:64px!important;
    min-height:78px!important;
  }
  .rc419-cast-section .rc419-modern-grid .rc419-cast-member{
    grid-template-columns:68px minmax(0,1fr)!important;
    min-height:88px!important;
  }
  .rc419-cast-section .rc419-modern-grid .rc419-cast-portrait{
    width:68px!important;
    min-height:88px!important;
  }
  #rc440Overlay .rc440-actor-heading .rc440-actor-portrait.large{
    width:132px!important;
    flex-basis:132px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  #libraryCast .rc440-actor-card,
  #libraryCast .rc440-actor-card .rc440-actor-portrait,
  .rc419-cast-section .rc419-modern-grid .rc419-cast-member,
  .rc419-cast-section .rc419-modern-grid .rc419-cast-portrait,
  #rc440Overlay .rc451-person-heading .rc429-role-portrait{
    transition:none!important;
    transform:none!important;
  }
}