/* Operational HR: responsive controls, readable records and protected form actions. */
.hr-workstation .hr-hub .module-header{min-width:0;gap:16px}
.hr-workstation .hr-hub .module-header>div{min-width:0}
.hr-workstation .hr-hub .header-actions{min-width:0;gap:10px;flex-wrap:wrap}
.hr-workstation .hr-hub .header-actions :is(input,select){max-width:100%;min-width:0}
.hr-workstation #createEmployee{position:static;box-shadow:none;margin-top:12px}
.hr-workstation .hr-access-notice{color:#67788f;line-height:1.7;font-size:14px;margin:18px 0}
.hr-workstation #openOffboardingCases{margin:0 12px 12px 0}
.hr-workstation .hr-back-employee-list{display:none}
.hr-worklog-recovery{padding:16px;border:1px solid #d8e3ef;border-radius:12px;background:#f5f8fc;margin:16px 0}
.hr-worklog-recovery p{font-size:13px;line-height:1.6;margin:0 0 12px}.hr-worklog-recovery>div{display:flex;flex-wrap:wrap;gap:10px}
.hr-discard-dialog{box-sizing:border-box;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:26px;border:1px solid #dce3ed;border-radius:18px;background:white;color:#22344d;box-shadow:0 24px 80px #18283b30}
.hr-discard-dialog::backdrop{background:#15253a70}.hr-discard-dialog h2{margin:0 0 12px;font-size:21px}.hr-discard-dialog p{font-size:14px;line-height:1.7;color:#67788f}
.hr-discard-dialog footer{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.hr-discard-dialog button{min-height:44px;padding:12px 16px;cursor:pointer}
.hr-workstation .hr-suite-dialog{padding:0;border:1px solid #dce3ed;border-radius:18px;width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 32px);background:white;scrollbar-gutter:stable;overscroll-behavior:contain}
.hr-workstation .hr-suite-dialog form{display:block}
.hr-workstation .hr-suite-dialog .panel-heading{position:sticky;top:0;z-index:2;margin:0;padding:22px 24px;border-bottom:1px solid #e5ebf2;background:white;gap:16px;align-items:center}
.hr-workstation .hr-suite-dialog .panel-heading h2{font-size:21px;line-height:1.4;min-width:0;overflow-wrap:break-word;margin:0}
.hr-workstation .hr-suite-dialog .panel-heading button{flex:none;min-height:44px}
.hr-suite-form-body{display:grid;gap:18px;padding:24px;min-width:0}
.hr-workstation .hr-suite-dialog .hr-form-footer{position:sticky;bottom:0;z-index:2;padding:16px 24px;background:white;border-top:1px solid #e5ebf2;display:flex;justify-content:flex-end}
.hr-workstation .hr-suite-dialog .hr-form-footer button{min-width:120px;min-height:44px}
.hr-workstation .hr-people-picker{border:1px solid #dce3ed;border-radius:12px;padding:16px;margin:0;min-width:0}
.hr-people-picker legend{padding:0 6px;font-size:13px;font-weight:600;color:#456583}.hr-people-picker-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:10px 0;font-size:12px;color:#67788f}
.hr-people-picker-meta button{min-height:36px;padding:6px 10px;border:1px solid #dce3ed;border-radius:8px;background:white;color:#456583;cursor:pointer}
.hr-people-picker-list{max-height:260px;overflow:auto;overscroll-behavior:contain;display:grid;gap:4px}
.hr-workstation .hr-suite-dialog .hr-people-picker-list label{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px;border-radius:8px;cursor:pointer;box-sizing:border-box}
.hr-people-picker-list label:hover,.hr-people-picker-list label:has(input:checked){background:#eef5fd}
.hr-workstation .hr-suite-dialog .hr-people-picker-list input{width:18px;height:18px;flex:none;accent-color:#176ac5}.hr-people-picker-list span{min-width:0;line-height:1.5;overflow-wrap:break-word}.hr-people-picker-list small{display:block;font-size:11px;color:#67788f}
.hr-workstation .hr-people-picker [hidden]{display:none!important}
@media(max-width:1100px){
 .hr-workstation .hr-hub :is(#onboardingView,#presenceView,#financeView):not([hidden]){display:flex;flex-direction:column;height:100%;gap:20px}
 .hr-workstation .hr-hub :is(#onboardingView,#presenceView,#financeView)>.module-header{flex:none;position:static;min-height:0;margin:0;padding:0;flex-wrap:wrap}
 .hr-workstation .hr-hub #financeView .finance-grid,.hr-workstation .hr-hub #onboardingView .flow-grid{display:flex;flex-direction:column;height:auto;min-height:0;gap:20px;flex:none}
 .hr-workstation .hr-hub #financeView .finance-grid>*{min-width:0;max-width:100%;width:auto;flex:none}
 .hr-workstation .hr-hub #presenceView .presence-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;min-height:0;flex:none}
 .hr-workstation .hr-hub #presenceView .presence-panel{grid-column:1/-1;min-width:0}
 .hr-workstation .hr-hub #onboardingView .form-panel{height:auto;max-height:none;overflow:visible;min-height:0}
 .hr-workstation .hr-hub #employeesView>.module-header{display:flex;flex-wrap:wrap;min-height:0;margin-bottom:20px;flex:none}
 .hr-workstation .hr-hub #employeesView .header-actions{width:100%;margin-left:0;display:flex;flex-wrap:wrap}
 .hr-workstation .hr-hub #employeesView .header-actions :is(input,select){flex:1 1 180px;width:auto}
 .hr-workstation .hr-hub #employeesView .editor-grid{display:flex;flex-direction:column;height:auto;min-height:0;gap:20px}
 .hr-workstation .hr-hub #employeesView .editor-grid>.panel{height:auto;min-height:0;max-height:none;overflow:visible;flex:none}
 .hr-workstation .hr-hub #employeesView .employee-list{max-height:300px;overflow:auto}
 .hr-workstation .hr-hub #financeView .finance-employee-tools{display:flex;flex-wrap:wrap}.hr-workstation .hr-hub #financeView .finance-employee-tools input{width:min(360px,100%);min-width:0}
 .hr-workstation #financeView .finance-employee-columns{display:none}
 .hr-workstation #financeView #payrollList{grid-auto-rows:max-content;align-content:start}
 .hr-workstation #financeView .finance-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:18px}
 .hr-workstation #financeView .finance-row>div:first-child,.hr-workstation #financeView .finance-hours-progress{grid-column:1/-1;min-width:0}
 .hr-workstation #financeView .finance-row>*{min-width:0;max-width:100%;overflow-wrap:break-word}.hr-workstation #financeView .finance-wage{align-items:flex-start;text-align:left}
}
@media(max-width:600px){
 .hr-workstation .hr-hub :is(input,select,textarea),.hr-workstation .hr-suite-dialog :is(input,select,textarea){font-size:16px;box-sizing:border-box}
 .hr-workstation .hr-hub #employeesView:not([hidden]){display:flex;flex-direction:column;gap:16px}
 .hr-workstation .hr-hub #employeesView .editor-grid{gap:0}
 .hr-workstation .hr-hub #employeesView .employee-list{max-height:none;overflow:visible}
 .hr-workstation #employeesView:not(.hr-employee-selected) #editEmployeeForm{display:none}
 .hr-workstation #employeesView.hr-employee-selected .list-panel,.hr-workstation #employeesView.hr-employee-selected>.module-header .header-actions{display:none}
 .hr-workstation #employeesView.hr-employee-selected .hr-back-employee-list{display:block;align-self:flex-start;min-height:44px}
 .hr-workstation :is(#enterpriseView,.hr-suite-dialog) .hr-data-table{display:block;min-width:0!important;width:100%}
 .hr-workstation :is(#enterpriseView,.hr-suite-dialog) .hr-data-table thead{display:none}.hr-workstation :is(#enterpriseView,.hr-suite-dialog) .hr-data-table tbody{display:block}
 .hr-workstation :is(#enterpriseView,.hr-suite-dialog) .hr-data-table tr{display:grid;padding:14px 0;gap:12px;border-bottom:1px solid #e5ebf2}
 .hr-workstation :is(#enterpriseView,.hr-suite-dialog) .hr-data-table td{display:block;padding:0;border:0;max-width:none;min-width:0;overflow-wrap:break-word;word-break:normal}
 .hr-workstation :is(#enterpriseView,.hr-suite-dialog) .hr-data-table td::before{content:attr(data-label);display:block;margin-bottom:4px;font-size:11px;color:#67788f;line-height:1.6}
 .hr-workstation :is(#enterpriseView,.hr-suite-dialog) .hr-data-table td small{display:block}
 .hr-workstation :is(#enterpriseView,.hr-suite-dialog) .hr-data-table td[data-label=""]{display:flex;flex-wrap:wrap;gap:8px}.hr-workstation :is(#enterpriseView,.hr-suite-dialog) .hr-data-table td[data-label=""]::before{display:none}
 .hr-workstation :is(#enterpriseView,.hr-suite-dialog) .hr-data-table td button{min-height:44px;margin:0}
 .hr-workstation .hr-suite-dialog .panel-heading{padding:18px;flex-wrap:nowrap}.hr-workstation .hr-suite-dialog .panel-heading h2{font-size:18px}
 .hr-suite-form-body{padding:18px;gap:16px}.hr-workstation .hr-suite-dialog .hr-form-footer{padding:14px 18px}
 .hr-workstation .hr-suite-dialog .hr-form-footer button{width:100%}.hr-discard-dialog footer button{width:100%}
}