/* DIVA HR V523 - selected employee only: full-page PHOTO-PALETTE portfolio.
   Uses the existing photo-derived colour variables from V520. Never targets the
   employee directory, HR Careers, employee portal or other workspace modules. */
#hrstaff #hrV372StaffReport.diva-v516-active {
  --v523-accent:var(--diva-v520-photo-accent,#957043);
  --v523-edge:color-mix(in srgb,var(--v523-accent) 31%,#dce4ed);
  --v523-edge-strong:color-mix(in srgb,var(--v523-accent) 65%,#d1b583);
  --v523-blush:color-mix(in srgb,var(--v523-accent) 8%,#ffffff);
  --v523-soft:color-mix(in srgb,var(--v523-accent) 13%,#ffffff);
  --v523-soft-strong:color-mix(in srgb,var(--v523-accent) 19%,#ffffff);
  --v523-ink:color-mix(in srgb,var(--v523-accent) 32%,#132a40);
  --v523-deep:color-mix(in srgb,var(--v523-accent) 42%,#10263c);
  --v523-glow:color-mix(in srgb,var(--v523-accent) 13%,transparent);
  background:linear-gradient(155deg,var(--v523-blush),#fff 59%,var(--v523-blush))!important;
  border-radius:20px!important;
}
/* The selected employee page itself is subtly tinted; this is never active on the Staff Data home list. */
#hrstaff.diva-v519-record-open .hrhub {
  background:linear-gradient(155deg,var(--v523-staff-faint,#fbfaf8),#f5f8fb 62%,var(--v523-staff-faint,#fbfaf8))!important;
}
#hrstaff.diva-v519-record-open #divaV519BackBar {
  background:linear-gradient(110deg,var(--v523-staff-soft,#fff9ed),#fff 76%)!important;
  border-color:var(--v523-staff-edge,#dcc6aa)!important;
  box-shadow:0 7px 26px var(--v523-staff-shadow,rgba(60,34,10,.10))!important;
}
#hrstaff.diva-v519-record-open #divaV519BackBar button {
  background:var(--v523-staff-deep,#172d45)!important;
  border-color:var(--v523-staff-edge,#d6b76c)!important;
  color:#fff!important;
}
/* Hero, outer portfolio and the two side panels: original structure and dimensions retained. */
#hrstaff #hrV372StaffReport.diva-v516-active > .hr-v381-employee-head,
#hrstaff #hrV372StaffReport.diva-v516-active #hrProfileV503,
#hrstaff #hrV372StaffReport.diva-v516-active .hr-v510-archive,
#hrstaff #hrV372StaffReport.diva-v516-active .hr-v510-activity,
#hrstaff #hrV372StaffReport.diva-v516-active .hr-v508-records,
#hrstaff #hrV372StaffReport.diva-v516-active .diva-v516-rail {
  border-color:var(--v523-edge)!important;
  box-shadow:0 11px 35px var(--v523-glow)!important;
}
#hrstaff #hrV372StaffReport.diva-v516-active > .hr-v381-employee-head {
  border-top-color:var(--v523-edge-strong)!important;
  background:linear-gradient(117deg,var(--v523-soft),#fff 75%)!important;
}
#hrstaff #hrV372StaffReport.diva-v516-active #hrV372StaffName,
#hrstaff #hrV372StaffReport.diva-v516-active .diva-v516-heading h3,
#hrstaff #hrV372StaffReport.diva-v516-active .diva-v516-name,
#hrstaff #hrV372StaffReport.diva-v516-active #hrProfileV503Name {
  color:var(--v523-ink)!important;
}
#hrstaff #hrV372StaffReport.diva-v516-active .hr-v381-eyebrow,
#hrstaff #hrV372StaffReport.diva-v516-active .diva-v516-eyebrow,
#hrstaff #hrV372StaffReport.diva-v516-active .diva-v512-eyebrow,
#hrstaff #hrV372StaffReport.diva-v516-active .hr-v510-today-kicker {
  color:var(--v523-accent)!important;
}
#hrstaff #hrV372StaffReport.diva-v516-active .diva-v516-profilecopy,
#hrstaff #hrV372StaffReport.diva-v516-active .diva-v516-heading,
#hrstaff #hrV372StaffReport.diva-v516-active .diva-v516-nav {
  background:linear-gradient(142deg,var(--v523-soft),#fff 92%)!important;
  border-color:var(--v523-edge)!important;
}
#hrstaff #hrV372StaffReport.diva-v516-active .diva-v516-stripe {
  background:linear-gradient(90deg,var(--v523-deep),var(--v523-accent),var(--v523-edge-strong))!important;
}
#hrstaff #hrV372StaffReport.diva-v516-active .diva-v516-photo-frame {
  background:radial-gradient(ellipse at 50% 40%,var(--v523-soft) 10%,var(--v523-soft-strong) 100%)!important;
}
/* Preserve full uncropped photo from V522. Only the surrounding accents change. */
#hrstaff #hrV372StaffReport.diva-v516-active .diva-v516-left .diva-v516-photo-frame > img#v516Photo,
#hrstaff #hrV372StaffReport.diva-v516-active #hrProfileV503Photo > img {
  object-fit:contain!important;
  object-position:center!important;
}
#hrstaff #hrV372StaffReport.diva-v516-active #hrProfileV503Photo {
  background:linear-gradient(145deg,var(--v523-soft),var(--v523-soft-strong))!important;
  border-color:var(--v523-edge-strong)!important;
  box-shadow:0 14px 30px var(--v523-glow)!important;
}
#hrstaff #hrV372StaffReport.diva-v516-active #hrProfileV503 .hr-v503-head {
  background:linear-gradient(130deg,var(--v523-soft),#fff 84%)!important;
  border-bottom-color:var(--v523-edge)!important;
}
#hrstaff #hrV372StaffReport.diva-v516-active #hrProfileV503 {
  background:linear-gradient(145deg,var(--v523-blush),#fff 64%)!important;
}
/* Document collection, uploads, document buttons, employee field cards. */
#hrstaff #hrV372StaffReport.diva-v516-active .hr-v510-archive {
  background:linear-gradient(165deg,var(--v523-blush),#fff 64%)!important;
}
#hrstaff #hrV372StaffReport.diva-v516-active .hr-v510-archive > .hr-v510-title,
#hrstaff #hrV372StaffReport.diva-v516-active .hr-v503-section,
#hrstaff #hrV372StaffReport.diva-v516-active .hr-v510-document-title {
  border-color:var(--v523-edge)!important;
}
#hrstaff #hrV372StaffReport.diva-v516-active .hr-v510-file,
#hrstaff #hrV372StaffReport.diva-v516-active .hr-v511-staff-docs .hr-v503-doc,
#hrstaff #hrV372StaffReport.diva-v516-active #hrProfileV503 .hr-v503-doc-grid .hr-v503-doc,
#hrstaff #hrV372StaffReport.diva-v516-active #hrProfileV503 .hr-v503-detail,
#hrstaff #hrV372StaffReport.diva-v516-active .hr-v503-history-row {
  border-color:var(--v523-edge)!important;
  background:linear-gradient(155deg,var(--v523-soft),#fff 83%)!important;
}
#hrstaff #hrV372StaffReport.diva-v516-active .hr-v510-count,
#hrstaff #hrV372StaffReport.diva-v516-active .hr-v510-file-icon,
#hrstaff #hrV372StaffReport.diva-v516-active .hr-v510-history-icon,
#hrstaff #hrV372StaffReport.diva-v516-active .diva-v516-tag,
#hrstaff #hrV372StaffReport.diva-v516-active .diva-v516-tag.soft {
  border-color:var(--v523-edge)!important;
  background:var(--v523-soft-strong)!important;
  color:var(--v523-ink)!important;
}
/* Shift, late and holiday panels keep distinct urgency/status colours. */
#hrstaff #hrV372StaffReport.diva-v516-active .hr-v510-today,
#hrstaff #hrV372StaffReport.diva-v516-active .hr-v510-history,
#hrstaff #hrV372StaffReport.diva-v516-active .hr-v510-attendance {
  background:linear-gradient(135deg,var(--v523-soft),#fff 81%)!important;
  border-color:var(--v523-edge)!important;
}
#hrstaff #hrV372StaffReport.diva-v516-active .hr-v510-history-head {
  background:var(--v523-soft-strong)!important;
  border-color:var(--v523-edge)!important;
}
#hrstaff #hrV372StaffReport.diva-v516-active .hr-v510-row,
#hrstaff #hrV372StaffReport.diva-v516-active .hr-v510-history-head,
#hrstaff #hrV372StaffReport.diva-v516-active .diva-v516-stat {
  border-bottom-color:var(--v523-edge)!important;
}
#hrstaff #hrV372StaffReport.diva-v516-active .hr-v510-history-head h4,
#hrstaff #hrV372StaffReport.diva-v516-active .hr-v510-row-main strong,
#hrstaff #hrV372StaffReport.diva-v516-active .hr-v510-file-copy strong,
#hrstaff #hrV372StaffReport.diva-v516-active .hr-v503-section-head h4 {
  color:var(--v523-ink)!important;
}
/* Interactive controls: same handlers and elements, photo-colour accent only. */
#hrstaff #hrV372StaffReport.diva-v516-active #hrV513ExportPortfolio,
#hrstaff #hrV372StaffReport.diva-v516-active .diva-v516-link,
#hrstaff #hrV372StaffReport.diva-v516-active .hr-v510-open:not(.hr-v510-delete),
#hrstaff #hrV372StaffReport.diva-v516-active .hr-v511-upload-btn {
  background:var(--v523-deep)!important;
  border-color:var(--v523-edge-strong)!important;
  color:#fff!important;
}
#hrstaff #hrV372StaffReport.diva-v516-active #hrProfileV503Refresh,
#hrstaff #hrV372StaffReport.diva-v516-active .diva-v516-nav button,
#hrstaff #hrV372StaffReport.diva-v516-active .hr-v503-doc button:not(:disabled),
#hrstaff #hrV372StaffReport.diva-v516-active #hrV522DownloadPDF {
  background:var(--v523-soft-strong)!important;
  border-color:var(--v523-edge-strong)!important;
  color:var(--v523-ink)!important;
}
#hrstaff #hrV372StaffReport.diva-v516-active a:focus-visible,
#hrstaff #hrV372StaffReport.diva-v516-active button:focus-visible {
  outline:3px solid var(--v523-accent)!important;
  outline-offset:2px;
}
/* Respect named status colours and preserved privacy/error contrast. */
@media (prefers-reduced-motion:reduce){
 #hrstaff #hrV372StaffReport.diva-v516-active *{transition:none!important}
}