/* DIVA v512 Staff Data employee portfolio: scoped, no layout changes to other modules. */
#hrstaff .diva-v512-portfolio{min-width:0;overflow:visible;scroll-margin-top:14px;background:#fff;box-shadow:0 12px 38px rgba(22,42,69,.07);border-radius:22px!important;padding:24px!important;border:1px solid #dce4ed!important}
#hrstaff #hrProfileV503 .hr-v503-head{display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:23px;align-items:center;padding:7px 4px 25px;margin-bottom:20px;border-bottom:1px solid #e6ebf0;min-height:192px}
#hrstaff #hrProfileV503Photo{width:170px;height:170px;min-width:170px;flex:0 0 170px;font-size:68px;font-weight:900;border-radius:22px;border:3px solid #deb969;background:linear-gradient(140deg,#13243a,#273d53);color:#f5d782;box-shadow:0 12px 30px #17263f25}
#hrstaff #hrProfileV503Photo img{width:100%;height:100%;border-radius:19px;object-fit:cover}
#hrstaff .diva-v512-portfolio-ident{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;overflow-wrap:anywhere}
#hrstaff .diva-v512-eyebrow{font-size:10px;color:#9b762a;letter-spacing:.13em;font-weight:900}
#hrstaff .diva-v512-portfolio-ident #hrProfileV503Name{font-size:clamp(21px,2vw,31px);font-weight:850;letter-spacing:-.035em;line-height:1.15;color:#15283e}
#hrstaff .diva-v512-portfolio-ident #hrProfileV503Id{font-size:12px;color:#66758a}
#hrstaff .diva-v512-identity-tags{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:11px}
#hrstaff .diva-v512-passport-chip{font-size:11px;font-weight:800;padding:8px 11px;border-radius:9px;background:#eef2f7;color:#54657b;border:1px solid #d7dfe9}
#hrstaff .diva-v512-passport-chip[data-state=urgent],#hrstaff .diva-v512-passport-chip[data-state=expired]{background:#fff1ed;border-color:#f3b7ae;color:#9a3525}
#hrstaff .diva-v512-passport-chip[data-state=soon]{background:#fff8e5;border-color:#e8d396;color:#886222}
#hrstaff .diva-v512-passport-chip[data-state=clear]{background:#e9f7f0;border-color:#b0dfc4;color:#18764a}
#hrstaff .diva-v512-record-stamp{font-size:11px;color:#8793a2;white-space:normal}
#hrstaff #hrProfileV503Refresh{padding:11px 16px;border-radius:10px;align-self:start;background:#fbf0d0}
#hrstaff #hrProfileV503Body{min-height:250px;overflow-anchor:auto}
#hrstaff #hrProfileV503 .hr-v503-section{padding:17px 0 10px;background:transparent;margin:0}
#hrstaff #hrProfileV503 .hr-v503-section-head h4{font-size:16px;margin:0 0 10px;color:#1a2c42;letter-spacing:-.015em}
#hrstaff #hrProfileV503 .hr-v503-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#hrstaff #hrProfileV503 .hr-v503-detail{display:flex;flex-direction:column;gap:5px;min-width:0;min-height:106px;padding:16px;background:linear-gradient(#fbfcfe,#f7f9fc);border:1px solid #e2e8ef;border-radius:13px}
#hrstaff #hrProfileV503 .hr-v503-detail span{font-size:10px;color:#718198;letter-spacing:.04em;text-transform:uppercase;font-weight:850;margin:0}
#hrstaff #hrProfileV503 .hr-v503-detail strong{font-size:15px;color:#1e3046;line-height:1.35;font-weight:750;word-break:break-word}
#hrstaff #hrProfileV503 .hr-v503-detail.diva-v512-address-card{grid-column:span 2}
#hrstaff #hrProfileV503 .diva-v512-field-stamp{font-size:10px;color:#79899a;letter-spacing:0;font-weight:550;margin-top:auto;padding-top:4px}
#hrstaff #hrProfileV503 .hr-v503-status{line-height:1.45}
#hrstaff #hrProfileV503 .hr-v503-doc-grid .hr-v503-doc{padding:15px;border-radius:13px;min-width:0}
#hrstaff #hrProfileV503 .hr-v503-doc .diva-v512-field-stamp{display:block;margin:5px 0 9px}
#hrstaff .diva-v512-expiry-watch{margin:14px 0 22px;padding:20px 24px;border-radius:19px;border:1px solid #ead5a9;background:#fffdfa;box-shadow:0 7px 24px #4b37090a;min-width:0}
#hrstaff .diva-v512-expiry-watch[hidden]{display:none!important}
#hrstaff .diva-v512-expiry-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
#hrstaff .diva-v512-expiry-heading h3{margin:3px 0 1px;font-size:19px;font-weight:850;color:#1b3048;letter-spacing:-.02em}
#hrstaff .diva-v512-expiry-refresh{flex:none;border-radius:9px;padding:9px 14px;background:#fff;border:1px solid #d7bf89;color:#72521c;font-size:12px;font-weight:800;cursor:pointer}
#hrstaff .diva-v512-expiry-summary{margin:8px 0 12px;font-size:12px;color:#64748b}
#hrstaff .diva-v512-expiry-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#hrstaff .diva-v512-expiry-row{display:flex;justify-content:space-between;align-items:center;gap:10px;border-radius:12px;padding:12px 13px;background:#fff;border:1px solid #e7e9ee;min-width:0}
#hrstaff .diva-v512-expiry-row strong,#hrstaff .diva-v512-expiry-row small{display:block;overflow-wrap:anywhere}
#hrstaff .diva-v512-expiry-row strong{font-size:12px;color:#1c2d42}
#hrstaff .diva-v512-expiry-row small{font-size:10px;color:#758298;margin-top:3px}
#hrstaff .diva-v512-expiry-pill{font-size:10px;font-weight:850;white-space:nowrap;border-radius:8px;padding:6px 8px;background:#fff2d7;color:#8a6322}
#hrstaff .diva-v512-expiry-row[data-state=expired] .diva-v512-expiry-pill,#hrstaff .diva-v512-expiry-row[data-state=urgent] .diva-v512-expiry-pill{background:#fff0eb;color:#a0382b}
#hrstaff .diva-v512-expiry-empty{font-size:12px;color:#7c8797;margin:0}
#hrstaff .hr-v510-activity,#hrstaff .hr-v510-archive{overflow-anchor:none}
#hrstaff #hrProfileV503 .hr-v503-history{display:none!important}
#hrstaff #hrProfileV503 .hr-v503-section:has(#hrProfileV503AddressHistory){display:none!important}
@media(max-width:1080px){#hrstaff .diva-v512-expiry-list{grid-template-columns:repeat(2,minmax(0,1fr))}#hrstaff #hrProfileV503 .hr-v503-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){#hrstaff .diva-v512-portfolio{padding:15px!important}#hrstaff #hrProfileV503 .hr-v503-head{grid-template-columns:110px minmax(0,1fr);gap:12px;min-height:138px}#hrstaff #hrProfileV503Photo{width:110px;height:110px;min-width:110px;flex-basis:110px;font-size:45px;border-radius:17px}#hrstaff #hrProfileV503Photo img{border-radius:14px}#hrstaff #hrProfileV503Refresh{grid-column:1/-1;justify-self:end}#hrstaff .diva-v512-identity-tags{margin-top:6px}#hrstaff .diva-v512-expiry-watch{padding:15px}#hrstaff .diva-v512-expiry-list{grid-template-columns:1fr}#hrstaff #hrProfileV503 .hr-v503-detail.diva-v512-address-card{grid-column:1/-1}}
@media(max-width:500px){#hrstaff #hrProfileV503 .hr-v503-head{grid-template-columns:92px minmax(0,1fr);min-height:119px}#hrstaff #hrProfileV503Photo{width:92px;height:92px;min-width:92px;flex-basis:92px;font-size:40px}#hrstaff .diva-v512-portfolio-ident #hrProfileV503Name{font-size:19px}#hrstaff #hrProfileV503 .hr-v503-grid{grid-template-columns:1fr}#hrstaff #hrProfileV503 .hr-v503-detail{min-height:80px}#hrstaff .diva-v512-passport-chip{font-size:10px}#hrstaff .diva-v512-record-stamp{font-size:10px}}
/* Banner only displayed on the employee's own birthday; hidden at all other times. */
body.employee-mode #divaBirthdayWishV512{padding:19px 23px;border-radius:19px;border:1px solid #e3be5a;background:linear-gradient(113deg,#112235,#293a50);color:#fff;box-shadow:0 10px 28px #0002;margin:12px 0;min-width:0;position:relative}
body.employee-mode #divaBirthdayWishV512[hidden]{display:none!important}
body.employee-mode #divaBirthdayWishV512 .diva-v512-birthday-tag{display:block;color:#edc96c;letter-spacing:.08em;font-size:10px;font-weight:850;margin-bottom:9px;text-transform:uppercase}
body.employee-mode #divaBirthdayWishV512 strong{display:block;color:#fff;font-size:clamp(20px,3vw,30px);line-height:1.15}
body.employee-mode #divaBirthdayWishV512 p{color:#d9e2ea;font-size:13px;line-height:1.55;margin:10px 0 0}