/* DIVA HR V522 - ONLY selected employee photo presentation. No global styles. */
#hrstaff #hrV372StaffReport .diva-v516-left .diva-v516-photo-frame{
  height:370px!important;
  min-height:0!important;
  background:radial-gradient(ellipse at 50% 34%,#f4e7d3 0%,#e0e5e9 52%,#cbd5df 100%)!important;
}
#hrstaff #hrV372StaffReport .diva-v516-left .diva-v516-photo-frame > img#v516Photo{
  display:block;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  max-width:100%!important;
  max-height:100%!important;
  filter:saturate(1.035) contrast(1.02)!important;
}
#hrstaff #hrV372StaffReport .diva-v516-left .diva-v516-photo-frame > img#v516Photo[style*="display: none"]{display:none!important}
#hrstaff #hrV372StaffReport .diva-v516-left .diva-v516-photo-frame:after{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),inset 0 -18px 24px -14px rgba(16,38,60,.20),inset 0 18px 26px -23px rgba(255,255,255,.7)!important;
}
/* The small portrait in the centre record uses the SAME full, undistorted source. */
#hrstaff #hrProfileV503Photo{
  background:linear-gradient(145deg,#f0e8dc,#e5edf1)!important;
  overflow:hidden;
}
#hrstaff #hrProfileV503Photo > img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  max-width:100%!important;
  max-height:100%!important;
}
@media(max-width:1100px){
 #hrstaff #hrV372StaffReport .diva-v516-left .diva-v516-photo-frame{height:340px!important}
}
@media(max-width:560px){
 #hrstaff #hrV372StaffReport .diva-v516-left .diva-v516-photo-frame{height:330px!important}
}