/* DIVA HR Staff Data V508: applies ONLY to HR Actions > Staff Data.  */
#hrstaff[data-reports-v426]{--s508-ink:#142339;--s508-muted:#66778e;--s508-stroke:#e0e7ee;--s508-gold:#d5aa4e;--s508-dark:#102137;--s508-white:#fff;color:var(--s508-ink)}
#hrstaff[data-reports-v426] .hrhub{background:linear-gradient(180deg,#f0f4f8,#f8f9fb 50%,#f3f6f9)!important;min-height:100vh;padding:22px clamp(12px,2.1vw,32px) 45px!important}
#hrstaff[data-reports-v426] .hrwrap{max-width:1650px!important;width:100%!important}
/* Historical hero/KPIs are replaced only in this page; legacy IDs still exist for other code. */
#hrstaff #hrV381PeopleHero,#hrstaff #hrV381PeopleKpis{display:none!important}
#hrstaff #hrdocsBulkV502,#hrstaff #hrdocsProfileV502,#hrstaff .hr-v508-hidden-attendance{display:none!important}
#hrstaff .hr-v508-hero{display:flex;align-items:center;gap:18px;margin-bottom:20px;padding:24px 27px;background:linear-gradient(112deg,#0f1e30 0%,#182d43 70%,#263f52 100%);border:1px solid rgba(214,174,92,.65);color:white;border-radius:21px;box-shadow:0 16px 42px rgba(15,30,50,.14);position:relative;overflow:hidden;min-width:0}
#hrstaff .hr-v508-hero:before{content:"";position:absolute;pointer-events:none;right:-75px;top:-110px;width:390px;height:390px;border-radius:50%;border:1px solid rgba(242,211,144,.13);box-shadow:0 0 0 62px rgba(233,196,115,.055),0 0 0 124px rgba(233,196,115,.03)}
#hrstaff .hr-v508-brand{width:67px;height:67px;flex:none;background:#050709;border:1px solid #c9a35c;border-radius:16px;display:grid;place-items:center;padding:6px;box-shadow:0 6px 20px rgba(0,0,0,.3)}
#hrstaff .hr-v508-brand img{display:block;width:100%;height:100%;object-fit:contain}
#hrstaff .hr-v508-hero-copy{flex:1;min-width:0;position:relative}
#hrstaff .hr-v508-eyebrow{font-size:10px;letter-spacing:.19em;font-weight:850;color:#edc879;margin-bottom:3px}
#hrstaff .hr-v508-hero h2{font-size:clamp(24px,2.2vw,34px);font-weight:900;line-height:1.13;margin:3px 0 7px;color:white;letter-spacing:-.025em}
#hrstaff .hr-v508-hero h2 span{color:#f1ca77}
#hrstaff .hr-v508-hero p{margin:0;color:#cedae7;font-size:12px}
#hrstaff .hr-v508-refresh{background:#f5d17d;color:#192336;border:1px solid #f0cf86;border-radius:11px;min-height:41px;padding:10px 16px;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap;position:relative;box-shadow:0 7px 19px #03090e27;transition:background .2s,transform .2s}
#hrstaff .hr-v508-refresh:hover{background:#ffe5ad;transform:translateY(-1px)}
/* Workspace: directory only until employee selected, then split directory + record. */
#hrstaff .hr-v508-workspace{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;min-width:0}
#hrstaff .hr-v508-workspace.has-employee{grid-template-columns:minmax(330px,0.76fr) minmax(0,1.47fr)}
#hrstaff .hr-v508-workspace>*{min-width:0}
#hrstaff .hr-v508-workspace.has-employee #hrV381Picker{position:sticky;top:16px}
#hrstaff[data-reports-v426] #hrV381Picker{margin:0;min-width:0}
#hrstaff[data-reports-v426] .hr426-header{background:#fff!important;color:var(--s508-ink)!important;border:1px solid var(--s508-stroke)!important;border-bottom:0!important;border-radius:19px 19px 0 0!important;min-height:0!important;padding:19px 20px 12px!important;box-shadow:none!important;gap:13px!important}
#hrstaff[data-reports-v426] .hr426-header-icon{width:46px!important;height:46px!important;border-radius:12px!important;background:#fff5de!important;color:#936a1f!important;border:1px solid #f1dda9!important;box-shadow:none!important}
#hrstaff[data-reports-v426] .hr426-header-icon svg{width:25px!important;height:25px!important}
#hrstaff[data-reports-v426] .hr426-eyebrow{font-size:10px;color:#9b762e!important;letter-spacing:.14em;margin-bottom:5px}
#hrstaff[data-reports-v426] .hr426-header h2{color:#192a40!important;font-size:22px;letter-spacing:-.02em}
#hrstaff[data-reports-v426] .hr426-heading p{color:#718096!important;font-size:11px;line-height:1.5;margin-top:3px}
#hrstaff[data-reports-v426] .hr426-access{display:none!important}
#hrstaff[data-reports-v426] .hr426-controls{margin-top:0!important;border-radius:0!important;border:1px solid var(--s508-stroke)!important;border-top:0!important;background:#fff!important;box-shadow:none!important;padding:0 5px 8px!important}
#hrstaff[data-reports-v426] .hr426-primary-fields{grid-template-columns:minmax(0,1.5fr) minmax(145px,0.65fr);gap:12px;padding:9px 16px 12px!important}
#hrstaff[data-reports-v426] .hr426-filter-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:12px 16px 11px!important;background:#f8fafc!important}
#hrstaff[data-reports-v426] .hr426-load{grid-column:1/-1;min-height:41px;max-height:42px;align-self:auto;border-radius:9px!important;background:linear-gradient(100deg,#17283b,#203951)!important;color:#f4d487!important;border:1px solid #c8a15a!important;padding:9px 12px!important}
#hrstaff[data-reports-v426] .hr426-field label{font-size:10px;font-weight:850;color:#435269;letter-spacing:.03em;margin-bottom:6px}
#hrstaff[data-reports-v426] .hr426-picker input,#hrstaff[data-reports-v426] .hr426-picker select{border-radius:10px!important;border:1px solid #cfd9e4!important;background:#fff!important;color:#263548!important;font-size:12px;min-height:42px!important}
#hrstaff[data-reports-v426] .hr426-picker .hr426-field>small{display:none!important}
#hrstaff[data-reports-v426] .hr426-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:11px 0!important}
#hrstaff[data-reports-v426] .hr426-stat{padding:11px!important;min-height:76px!important;border-radius:12px!important;background:#fff!important;border:1px solid var(--s508-stroke)!important;box-shadow:0 4px 14px #112d4509!important;gap:9px!important}
#hrstaff[data-reports-v426] .hr426-stat-icon{width:30px!important;height:30px!important;background:#f9edd2!important;border-radius:9px!important}
#hrstaff[data-reports-v426] .hr426-stat-icon svg{width:18px!important;height:18px!important}
#hrstaff[data-reports-v426] .hr426-stat>strong{font-size:23px!important;color:#182941!important}
#hrstaff[data-reports-v426] .hr426-stat b{font-size:11px!important;color:#293f52}
#hrstaff[data-reports-v426] .hr426-stat small{font-size:10px!important;color:#8692a2}
#hrstaff[data-reports-v426] .hr426-directory{padding:0!important;border:1px solid var(--s508-stroke)!important;background:#fff!important;border-radius:17px!important;box-shadow:0 9px 28px #152d460d!important;overflow:hidden}
#hrstaff[data-reports-v426] .hr426-directory-toolbar{padding:14px 17px 11px!important;background:#fff!important;border-bottom:1px solid #eef1f5}
#hrstaff[data-reports-v426] .hr426-directory-title h3{font-size:15px!important;font-weight:850!important;color:#14243b}
#hrstaff[data-reports-v426] .hr426-view-controls{gap:7px!important}
#hrstaff[data-reports-v426] .hr426-view-controls label{font-size:10px!important}
#hrstaff[data-reports-v426] #hr426Cards,#hrstaff[data-reports-v426] #hr426List{font-size:10px!important;padding:7px 8px!important}
#hrstaff[data-reports-v426] #hrV372StaffMatches{padding:13px!important;scrollbar-color:#c9d2de #f3f5f8;scrollbar-width:thin}
#hrstaff[data-reports-v426] .hr426-directory-footer{padding:9px 16px!important;background:#fbfcfe!important;border-top:1px solid #edf0f4!important;font-size:10px!important;color:#8793a1}
#hrstaff[data-reports-v426] #hrV372StaffMessage:empty{display:none}
#hrstaff[data-reports-v426] #hrV372StaffMatches button,#hrstaff[data-reports-v426] #hrV372StaffMatches .hr426-person{transition:background .18s,border-color .18s,transform .18s}
#hrstaff[data-reports-v426] #hrV372StaffMatches button:hover{border-color:#c9a158!important;background:#fff9ec!important;transform:translateY(-1px)}
/* Split screen stays compact in desktop while maintaining the existing selection logic. */
#hrstaff .hr-v508-workspace.has-employee .hr426-primary-fields{grid-template-columns:1fr!important}
#hrstaff .hr-v508-workspace.has-employee .hr426-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#hrstaff .hr-v508-workspace.has-employee .hr426-filter-fields>.hr426-field:nth-child(3){grid-column:1/-1}
#hrstaff .hr-v508-workspace.has-employee .hr426-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#hrstaff .hr-v508-workspace.has-employee #hrV372StaffMatches{max-height:clamp(320px,43vh,650px);overflow:auto!important}
#hrstaff .hr-v508-workspace.has-employee .hr426-directory-toolbar{flex-wrap:wrap!important;gap:8px!important}
#hrstaff .hr-v508-workspace.has-employee .hr426-view-controls{margin-left:0!important;width:100%;flex-wrap:wrap!important;justify-content:space-between!important}
#hrstaff .hr-v508-workspace.has-employee #hrV372StaffReport{margin:0!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
#hrstaff .hr-v508-workspace #hrV372StaffReport{min-width:0}
#hrstaff .hr-v508-workspace #hrV372StaffReport>.hrcard{grid-column:1/-1!important}
#hrstaff #hrV372StaffReport>.hr-v381-employee-head{padding:23px!important;background:#fff!important;border:1px solid #dde5ee!important;border-top:4px solid #d6aa51!important;border-radius:18px!important;box-shadow:0 9px 28px #102b420e!important}
#hrstaff #hrV372StaffName{font-size:clamp(17px,1.6vw,23px)!important;line-height:1.35!important;color:#172a42!important;overflow-wrap:anywhere}
#hrstaff .hr-v381-topline .hrmuted{display:none!important}
#hrstaff .hr-v381-topline .hrbtn{border-radius:10px!important;white-space:nowrap;padding:9px 12px!important}
#hrstaff #hrV372StaffStats{display:none!important}
#hrstaff #hrV381Drill{display:none!important}
#hrstaff #hrProfileV503{grid-column:1/-1!important;order:2;padding:20px!important;border:1px solid #dbe5ed!important;border-radius:18px!important;background:#fff!important;box-shadow:0 9px 28px #102b420e!important}
#hrstaff #hrProfileV503 .hr-v503-head{gap:15px;border-bottom:1px solid #e7edf2;padding-bottom:15px;margin-bottom:14px}
#hrstaff #hrProfileV503 .hr-v503-photo{width:76px!important;height:76px!important;flex:none;border:2px solid #e7c478!important;border-radius:17px!important;background:#182c42!important;color:#f7d181!important}
#hrstaff #hrProfileV503Name{font-size:clamp(18px,2vw,24px)!important;color:#14243b}
#hrstaff #hrProfileV503Id{font-size:12px!important;color:#78889a!important}
#hrstaff #hrProfileV503 .hr-v503-head small:last-child{display:none!important}
#hrstaff #hrProfileV503Refresh{cursor:pointer;border-radius:9px!important}
#hrstaff #hrProfileV503Body .hr-v503-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}
#hrstaff #hrProfileV503Body .hr-v503-detail{min-width:0;background:#f8fafc!important;border:1px solid #e5eaf0!important;border-radius:11px!important;padding:13px!important}
#hrstaff #hrProfileV503Body .hr-v503-detail>span{font-size:10px!important;color:#697a8e!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.045em}
#hrstaff #hrProfileV503Body .hr-v503-detail>strong{display:block;font-size:13px!important;line-height:1.55;word-break:break-word;color:#203248}
#hrstaff #hrProfileV503Body .hr-v503-doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
#hrstaff #hrProfileV503Body .hr-v503-doc{background:#fffdf8!important;border:1px solid #eee1c6!important;border-radius:12px!important;padding:14px!important}
#hrstaff #hrProfileV503Body .hr-v503-doc>strong{font-size:13px;color:#253548}
#hrstaff #hrProfileV503Body .hr-v503-doc button{border-radius:9px!important;min-height:36px!important;cursor:pointer}
#hrstaff #hrProfileV503Body>p.hr-v503-status{display:none!important}
/* Legacy attendance and bulk import are hidden, not deleted; no backend or other modules changed. */
#hrstaff .hr-v508-records{grid-column:1/-1;order:4;background:#fff;border:1px solid #dfe6ee;border-radius:16px;box-shadow:0 8px 25px rgba(17,41,64,.07);overflow:hidden}
#hrstaff .hr-v508-records>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:17px 21px;color:#1d3149;font-size:14px;font-weight:850;background:linear-gradient(135deg,#fff,#fcfaf6)}
#hrstaff .hr-v508-records>summary::-webkit-details-marker{display:none}
#hrstaff .hr-v508-records>summary:after{content:"+";font-size:23px;font-weight:400;color:#ad8131;line-height:1}
#hrstaff .hr-v508-records[open]>summary:after{content:"−"}
#hrstaff .hr-v508-records[open]>summary{border-bottom:1px solid #e7ebf0}
#hrstaff .hr-v508-records>.hrcard{border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:20px!important;border-bottom:1px solid #e9edf1!important}
#hrstaff .hr-v508-records>.hrcard:last-child{border-bottom:0!important}
#hrstaff .hr-v508-records .hrcard h3{font-size:16px!important;color:#213147}
#hrstaff .hr-v508-records .hr-v381-timeline .hrmuted{line-height:1.5}
#hrstaff #hrV372StaffReport .hr-v381-employee-head{order:0}
/* No generic demos, ZIP upload fields or unscheduled-attendance editor shown. */
@media(max-width:1260px){
 #hrstaff .hr-v508-workspace.has-employee{grid-template-columns:minmax(290px,.9fr) minmax(0,1.1fr)}
 #hrstaff[data-reports-v426] .hr426-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 #hrstaff .hr-v508-workspace.has-employee .hr426-filter-fields{grid-template-columns:1fr!important}
 #hrstaff .hr-v508-workspace.has-employee .hr426-filter-fields>.hr426-field:nth-child(3){grid-column:auto}
}
@media(max-width:890px){
 #hrstaff .hr-v508-workspace.has-employee{grid-template-columns:minmax(0,1fr)}
 #hrstaff .hr-v508-workspace.has-employee #hrV381Picker{position:static}
 #hrstaff .hr-v508-workspace.has-employee .hr426-primary-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #hrstaff .hr-v508-workspace.has-employee .hr426-filter-fields{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 #hrstaff .hr-v508-workspace.has-employee .hr426-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 #hrstaff .hr-v508-workspace.has-employee #hrV372StaffMatches{max-height:400px}
}
@media(max-width:600px){
 #hrstaff[data-reports-v426] .hrhub{padding:12px 8px 24px!important}
 #hrstaff .hr-v508-hero{border-radius:15px;padding:15px 13px;gap:11px;flex-wrap:wrap;margin-bottom:12px}
 #hrstaff .hr-v508-brand{width:52px;height:52px;border-radius:12px}
 #hrstaff .hr-v508-hero h2{font-size:23px}
 #hrstaff .hr-v508-hero p{font-size:11px}
 #hrstaff .hr-v508-refresh{width:100%;min-height:38px}
 #hrstaff[data-reports-v426] .hr426-header{padding:13px!important;gap:9px!important}
 #hrstaff[data-reports-v426] .hr426-header h2{font-size:19px}
 #hrstaff[data-reports-v426] .hr426-primary-fields,#hrstaff .hr-v508-workspace.has-employee .hr426-primary-fields{grid-template-columns:1fr!important;gap:8px!important;padding:10px 11px!important}
 #hrstaff[data-reports-v426] .hr426-filter-fields,#hrstaff .hr-v508-workspace.has-employee .hr426-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:9px 11px!important}
 #hrstaff[data-reports-v426] .hr426-filter-fields>.hr426-field:nth-child(3){grid-column:1/-1!important}
 #hrstaff[data-reports-v426] .hr426-stats,#hrstaff .hr-v508-workspace.has-employee .hr426-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #hrstaff[data-reports-v426] .hr426-stat{gap:5px!important;padding:8px!important}
 #hrstaff[data-reports-v426] .hr426-stat-icon{display:none!important}
 #hrstaff[data-reports-v426] .hr426-view-controls{flex-wrap:wrap!important}
 #hrstaff #hrProfileV503{padding:13px!important}
 #hrstaff #hrProfileV503 .hr-v503-head{flex-wrap:wrap}
 #hrstaff #hrProfileV503Body .hr-v503-grid,#hrstaff #hrProfileV503Body .hr-v503-doc-grid{grid-template-columns:1fr!important}
 #hrstaff .hr-v381-topline{gap:12px}
 #hrstaff .hr-v508-records>.hrcard{padding:13px!important}
}
@media(prefers-reduced-motion:reduce){#hrstaff .hr-v508-refresh,#hrstaff #hrV372StaffMatches button{transition:none!important}}