.hr-workspace .hr-toolbar,.hr-workspace .hr-tabs{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.hr-workspace .hr-toolbar label{display:flex;align-items:center;gap:8px;margin:0}.hr-workspace .hr-toolbar input[type=search]{width:280px;max-width:100%}.hr-workspace .hr-toolbar input,.hr-workspace .hr-toolbar select{min-height:34px;width:auto}
.hr-workspace .hr-tabs button[aria-pressed=true]{background:#205b83;color:#fff}.hr-workspace .hr-count{color:#63788a;margin:8px 0;font-size:12px}
.hr-workspace .hr-table-scroll{overflow-x:auto;width:100%}.hr-workspace .hr-data-table{width:100%!important;min-width:1000px;table-layout:fixed;border-collapse:collapse}.hr-workspace .hr-data-table th,.hr-workspace .hr-data-table td{padding:9px 10px;vertical-align:middle;white-space:normal;overflow-wrap:anywhere;text-align:left}.hr-workspace .hr-data-table th:first-child{width:175px}.hr-workspace .hr-data-table th:nth-child(2){width:170px}.hr-workspace .hr-data-table th:last-child{width:155px}.hr-workspace .hr-data-table .action-row{justify-content:flex-start;gap:5px;flex-wrap:wrap}.hr-workspace .mini{padding:4px 8px;min-height:28px}.hr-workspace .hr-data-table th .shipment-filter{margin-left:5px}
.hr-line{margin:16px 0;border-top:1px solid #cbd8e3}.hr-line-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;background:#e8f0f6;padding:10px 12px}.hr-position-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:12px;padding:12px 0}.hr-position{border:1px solid #cbd8e3;border-radius:5px;background:#fff;overflow:hidden}.hr-position h3{font-size:14px;margin:0;padding:10px;background:#f0f5f8;display:flex;justify-content:space-between}.hr-position>.mini{margin:8px 10px}.hr-person{padding:8px 10px;border-bottom:1px solid #e0e8ef;overflow-wrap:anywhere}.hr-person small{display:block;color:#647c8d;font-size:12px}.hr-person .hr-pending{color:#916118}.hr-person-name{border:0;background:none;color:#1c547d;padding:0;text-align:left;white-space:normal}.hr-vacancy{padding:12px;color:#916118}
.hr-dialog{width:min(680px,calc(100% - 24px));max-height:85vh;overflow:auto;border:1px solid #b5c9d9;border-radius:6px;padding:20px;color:#173f5d;background:#fff}.hr-dialog::backdrop{background:#142c4066}.hr-dialog h2{font-size:18px;margin:0 0 16px}.hr-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hr-form-grid label{display:flex;flex-direction:column;gap:5px}.hr-form-grid input,.hr-form-grid select{width:100%;min-width:0}.hr-dialog [role=alert]{color:#b33328;white-space:normal}.hr-profile-position{padding:8px;overflow-wrap:anywhere}
@media(max-width:600px){.hr-form-grid{grid-template-columns:1fr}.hr-workspace .hr-toolbar label{flex-wrap:wrap}.hr-workspace .hr-toolbar input[type=search]{width:100%}.hr-position-grid{grid-template-columns:1fr}.hr-dialog .form-actions{flex-wrap:wrap}}
.hr-dialog [hidden],.hr-workspace [hidden]{display:none!important}
.hr-form-grid input,.hr-form-grid select{min-height:34px;padding:6px 8px;border:1px solid #adc2d4;border-radius:4px;background:#fff;color:#173f5d;font:inherit}
.hr-directory-list{max-height:220px;overflow:auto;grid-column:1/-1;border-top:1px solid #cbd8e3}
.hr-workspace .hr-data-table th:first-child{width:52px}
.hr-workspace .hr-data-table th:nth-child(2){width:125px}
.hr-workspace .hr-data-table th:nth-child(3){width:210px}
.hr-workspace .hr-data-table th:last-child{width:260px}
.hr-workspace .hr-data-table td:last-child{white-space:nowrap}
.hr-workspace [data-status-edit]{margin-left:6px}
.hr-workspace .hr-data-table{min-width:1750px}
.hr-workspace .hr-data-table th:nth-child(8){width:220px}
.hr-workspace .hr-data-table th:nth-child(9),.hr-workspace .hr-data-table th:nth-child(10){width:180px}
.hr-dialog .hr-table-scroll{overflow:auto;max-width:100%}
.hr-dialog .hr-data-table{width:100%;min-width:480px;border-collapse:collapse}
.hr-dialog .hr-data-table td,.hr-dialog .hr-data-table th{padding:6px;text-align:left;overflow-wrap:anywhere}
.hr-workspace .hr-roster-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fff}
.hr-workspace .hr-roster-head .hr-tabs{gap:8px;margin:0}
.hr-workspace .hr-roster-head .hr-tabs button{background:transparent;color:inherit;border:0;border-bottom:2px solid transparent;border-radius:0;min-height:44px;padding:10px 12px}
.hr-workspace .hr-roster-head .hr-tabs button[aria-pressed=true]{border-bottom-color:#205b83;color:#205b83;font-weight:600}
.hr-workspace .hr-roster-head .hr-tabs button:focus-visible{outline:2px solid #205b83;outline-offset:2px}
.hr-workspace [data-results]>.hr-toolbar{margin:12px 0 0}
.hr-workspace .hr-data-table th,.hr-workspace .hr-data-table td{text-align:center;vertical-align:middle}
.hr-workspace .hr-data-table thead th{height:64px;box-sizing:border-box}
.hr-workspace .hr-data-table thead th:first-child::after,.hr-workspace .hr-data-table thead th:last-child::after{content:"";display:block;width:28px;height:28px;margin:3px auto 0}
.hr-workspace .hr-column-filter{display:block;width:28px;height:28px;min-width:28px;min-height:28px;padding:2px 6px;margin:3px auto 0;border:0;background:transparent;color:inherit;border-radius:3px;line-height:24px;text-align:center}
.hr-workspace .hr-column-filter[aria-pressed=true]{background:#205b83;color:#fff}
.hr-dialog .hr-filter-options{max-height:300px;overflow:auto;margin:12px 0}
.hr-dialog .hr-filter-options label{display:flex;align-items:center;gap:8px;min-height:32px;overflow-wrap:anywhere}
.hr-dialog .hr-filter-options input{width:auto;flex:none}
.hr-workspace .hr-data-table tbody td{padding:5px 8px;height:34px;box-sizing:border-box}
.hr-workspace .hr-data-table tbody .mini{min-height:24px;padding:2px 7px}
#payrollPreview .hr-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0}
#payrollPreview .hr-toolbar label{display:flex;align-items:center;gap:6px;white-space:nowrap;margin:0}
#payrollPreview .hr-toolbar input[type=checkbox]{width:auto}
#payrollPreview .hr-toolbar input[type=search]{width:240px;max-width:100%}
#payrollPreview input[type=file]{max-width:100%}
#hrMovements .hr-data-table{min-width:1350px}
#hrMovements .hr-data-table th{width:140px}
#hrMovements .hr-data-table th:first-child{width:52px}
#hrMovements .hr-data-table th:nth-child(3){width:200px}
#hrMovements .hr-data-table th:nth-child(4){width:100px}
#hrMovements .hr-data-table th:nth-last-child(4){width:200px}
#hrMovements .hr-data-table th:last-child{width:200px}
#hrMovements .hr-data-table td button{min-height:24px;padding:2px 7px;margin:0 2px}
.hr-movement-dialog{box-sizing:border-box;width:min(720px,calc(100% - 24px));padding:24px}
.hr-movement-dialog .hr-person-picker{display:grid;gap:12px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #cbd8e3}
.hr-movement-dialog .hr-person-picker label{display:flex;flex-direction:column;gap:6px}
.hr-movement-dialog .hr-person-picker input,.hr-movement-dialog .hr-person-picker select,.hr-movement-dialog textarea{box-sizing:border-box;width:100%;font:inherit;color:inherit;border:1px solid #adc2d4;border-radius:4px;background:#fff;padding:8px}
.hr-movement-dialog .hr-person-picker select{height:148px;overflow:auto}
.hr-movement-dialog .hr-person-picker option{padding:5px 6px}
.hr-movement-dialog .hr-selected-person{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.hr-movement-dialog .hr-movement-note,.hr-movement-dialog .hr-movement-date{grid-column:1/-1}
.hr-movement-dialog .hr-movement-date input{max-width:320px}
.hr-movement-dialog textarea{resize:vertical;min-height:80px}
.hr-movement-dialog .hr-movement-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #cbd8e3;padding-top:16px;margin-top:18px}
.hr-movement-dialog .hr-movement-actions button{min-height:34px;padding:6px 14px}
@media(max-width:600px){.hr-movement-dialog{padding:16px}.hr-movement-dialog .hr-form-grid{grid-template-columns:minmax(0,1fr)}}