.hr-stat,.hr-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.hr-stat,.hr-stats article{background:#fff;border:1px solid var(--border);border-radius:10px;padding:18px}.hr-stat{display:block}.hr-stat span,.hr-stat small,.hr-stats span{display:block;color:#778299;font-size:13px}.hr-stat strong,.hr-stats strong{display:block;font-size:26px;color:#193b68;margin:5px 0}.hr-tools{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:17px 20px;border-bottom:1px solid var(--border)}.hr-tools input{max-width:280px}.hr-tools select{font-size:13px}.hr-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:18px}.hr-fields label{display:grid;gap:6px;color:#425a78;font-size:13px}.hr-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.hr-dialog{width:100%;min-width:0}.hr-dialog h2{margin:0 0 5px}#detail:has(.hr-dialog){width:min(650px,calc(100vw - 32px));max-width:calc(100vw - 32px);box-sizing:border-box;overflow-x:hidden}#detail:has(.hr-dialog)>form[method=dialog]{display:none}.hr-pill{display:inline-block;padding:4px 9px;border-radius:12px;background:#dff6eb;color:#087a52;font-size:11px;font-weight:700}.hr-pill.late{background:#fff2d8;color:#a36900}.hr-pill.leave{background:#e8f0ff;color:#2468d2}.theme-sky .hr-stat,.theme-sky .hr-stats article{background:#ffffff45;border-color:#ffffff7a}.theme-sky .hr-stat strong,.theme-sky .hr-stats strong{color:#063b5b}.theme-ember .hr-stat,.theme-ember .hr-stats article{background:#191919;border-color:#36302d}.theme-ember .hr-stat strong,.theme-ember .hr-stats strong{color:#fff3eb}.theme-ember .hr-stat span,.theme-ember .hr-stat small,.theme-ember .hr-stats span{color:#cdbdb3}@media(max-width:720px){.hr-stats{grid-template-columns:1fr}.hr-fields{grid-template-columns:1fr}.hr-tools{flex-wrap:wrap}.hr-tools input{max-width:none;width:100%}}

/* HR record dialogs must override the shared horizontal dialog form layout. */
.hr-dialog form{display:block;margin-top:18px}
.hr-dialog .hr-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:10px;margin-top:20px}
.hr-dialog .hr-actions button{width:auto;min-height:0;flex:none}
.payroll-net{margin:16px 0 0;padding:12px 14px;border:1px solid #dce3ed;border-radius:7px;background:#f7f9fc;color:#173865;font-size:14px;font-weight:700}.theme-sky .payroll-net{background:#ffffff45;border-color:#ffffff80;color:#063b5b}.theme-ember .payroll-net{background:#25211f;border-color:#4a403b;color:#fff3eb}