/* Employee cards retain the desktop controls and permissions. */
.rh #hr-content .actions{flex-wrap:wrap}
.rh #hr-content .actions>button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.hr-photo-registration>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.hr-photo-registration>div p{flex-basis:100%}
.hr-person-heading{display:flex;align-items:center;gap:12px}
.hr-person-heading strong{overflow-wrap:anywhere}
.hr-person-avatar{position:relative;display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border:1px solid #467280;border-radius:50%;background:#163b4b;color:#6de0d8;font-size:20px;font-weight:700;overflow:hidden}
.hr-person-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hr-person-avatar img[hidden]{display:none}
.hr-person-meta{margin:10px 0 0;font-size:11px}
.hr-person-meta>div{display:flex;justify-content:space-between;gap:12px;margin-top:6px}
.hr-person-meta dt{color:#8ca8be;font-weight:400}
.hr-person-meta dd{margin:0;text-align:right;overflow-wrap:anywhere;min-width:0}
.hr-job-cell .hr-person-meta{margin:0}
.hr-card-label{display:none}
.hr-card-actions button span{font-size:17px;line-height:1;vertical-align:middle}
@media(max-width:767px){
 .rh .hr-table-scroll:has(.hr-employee-table){overflow:visible;margin:0}
 .rh table.hr-employee-table{display:block;width:100%;min-width:0;table-layout:auto}
 .rh .hr-employee-table thead{display:none}
 .rh .hr-employee-table tbody{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;width:100%}
 .rh .hr-employee-table tr{display:block;padding:0 16px;border:1px solid #31536a;border-radius:18px;min-width:0;width:100%;height:auto;box-sizing:border-box;background:linear-gradient(155deg,#132b3b,#0e1c2c 65%);box-shadow:0 5px 16px #0002;overflow:hidden}
 .rh .hr-employee-table td{display:block;min-width:0;width:100%;padding:15px 0;border:0;border-bottom:1px solid #294052;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box;height:auto}
 .rh .hr-employee-table td.hr-person-cell{padding:22px 0 16px}
 .rh .hr-person-heading{flex-direction:column;gap:12px;text-align:center}
 .rh .hr-person-heading strong{font-size:16px;line-height:1.5;width:100%;color:#eef6ff}
 .rh .hr-person-avatar{width:64px;height:64px;flex-basis:64px;font-size:26px;border:2px solid #5bccca;box-shadow:0 0 0 5px #5bccca0d}
 .rh .hr-person-meta{font-size:12px;margin:18px 0 0}
 .rh .hr-person-meta>div{align-items:baseline;gap:14px;margin-top:12px}
 .rh .hr-person-meta>div:first-child{margin-top:0}
 .rh .hr-person-meta dt,.rh .hr-card-label{font-size:10px;letter-spacing:.05em;text-transform:uppercase;font-weight:700;color:#91adc3;flex-shrink:0}
 .rh .hr-person-meta dd{font-weight:600;line-height:1.5;max-width:62%;color:#e4edf5}
 .rh .hr-job-cell .hr-person-meta{margin:0}
 .rh .hr-card-label{display:block}
 .rh .hr-employee-table td.hr-status-cell,.rh .hr-employee-table td.hr-photo-cell{display:flex;align-items:center;justify-content:space-between;gap:14px}
 .rh .hr-photo-cell .hr-small{font-size:12px;text-align:right;max-width:62%;line-height:1.5}
 .rh .hr-employee-table td.hr-card-actions{border-bottom:0;padding:16px 0 18px}
 .rh .hr-card-actions>.hr-card-label{margin-bottom:12px}
 .rh .hr-employee-table td .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
 .rh .hr-employee-table td .actions button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 6px;width:100%;font-size:11px;white-space:normal;border-radius:10px;background:#152e43;border-color:#2b627f;color:#9edaff}
 .rh .hr-employee-table td .actions [data-profile]{background:#132f2b;border-color:#24634f;color:#91dec2}
 .rh .hr-employee-table td .actions [data-edit-employee]{background:#2b2440;border-color:#59487c;color:#d7befc}
 .rh .hr-employee-table td .actions [data-enroll]{background:#103b3e;border-color:#287777;color:#7ce4db}
 .rh .hr-employee-table td .actions button:focus-visible{outline:2px solid #fff;outline-offset:2px}
 .hr-photo-registration{align-items:center}.hr-photo-registration>div{min-width:0;width:100%}
 .hr-photo-registration button{width:100%;min-height:44px}
 .rh .hr-pager{justify-content:center;gap:8px;flex-wrap:wrap}
}

.hr-vault-link{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid #3d5970;border-radius:10px;background:#183146;color:#dceeff;text-decoration:none}

.hr-row-actions{min-width:160px}.hr-row-actions summary{cursor:pointer;padding:12px 18px;border:1px solid #375468;border-radius:12px;background:#183245;color:#e4f4ff;list-style:none}.hr-row-actions .actions{display:grid;gap:8px;padding-top:10px}.hr-row-actions .actions>*{width:100%;box-sizing:border-box;text-align:left}