.hr-shell{display:grid;gap:6px;direction:rtl;color:#12263a}.hr-header{min-height:36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b7c9da;padding:2px 4px}.hr-header h1{font-size:18px;line-height:1.1;margin:0}.hr-header .eyebrow{font-size:10px;margin:0;color:#176da5}.hr-tabs{display:flex;align-items:center;gap:2px;min-height:34px;padding:2px;border:1px solid #afc5d9;border-radius:7px;background:#e9f1f8;overflow-x:auto}.hr-tabs button{height:28px;padding:0 14px;border:1px solid transparent;border-radius:5px;background:transparent;color:#163c5e;font-weight:700;white-space:nowrap;cursor:pointer}.hr-tabs button.active{background:#fff;border-color:#91b2ce;color:#075f96;box-shadow:0 1px 3px #17395818}.hr-toolbar{display:flex;align-items:center;gap:4px;padding:2px 0}.hr-toolbar label{display:flex;align-items:center;gap:5px;flex:1;max-width:560px;height:30px;border:1px solid #aebfd0;border-radius:5px;background:#fff;padding:0 8px}.hr-toolbar input{border:0;outline:0;width:100%;height:27px;background:transparent}.hr-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;padding:3px 5px;background:#fff;border:1px solid #b7c9da;border-bottom:0;border-radius:7px 7px 0 0}.hr-section-head h2,.hr-subsection h3{font-size:16px;line-height:1.2;margin:0}.hr-section-head p{font-size:11px;color:#526a7f;margin:1px 0 0}.hr-inline-actions{display:flex;gap:4px}.hr-table-wrap{border:1px solid #b7c9da;border-radius:0 0 7px 7px;background:#fff;max-height:calc(100vh - 220px);overflow:auto}.hr-table-wrap table{width:100%;border-collapse:collapse;font-size:12px}.hr-table-wrap th{position:sticky;top:0;z-index:1;background:#eaf2f8;color:#163c5e;padding:5px 7px;border-bottom:1px solid #9fb6ca;white-space:nowrap}.hr-table-wrap td{height:32px;padding:3px 7px;border-bottom:1px solid #d4e0ea;vertical-align:middle;white-space:nowrap}.hr-table-wrap td small{display:block;color:#5e7182}.hr-table-wrap tbody tr:hover{background:#f3f8fc}.hr-subsection{display:grid;gap:3px;margin-top:8px}.hr-subsection>h3{padding-inline:4px}.hr-status{display:inline-flex;align-items:center;min-height:20px;padding:1px 7px;border-radius:10px;background:#e8eef4;color:#344c61;font-size:10px;font-weight:800}.hr-status-active,.hr-status-present,.hr-status-approved,.hr-status-posted{background:#dff5e9;color:#087a49}.hr-status-preview,.hr-status-pending,.hr-status-calculated{background:#fff0cf;color:#8a5700}.hr-status-absent,.hr-status-rejected,.hr-status-cancelled,.hr-status-terminated{background:#fde7e7;color:#a52323}.hr-status-incomplete,.hr-status-suspended{background:#ffeedf;color:#a14a0a}.hr-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:7px}.hr-settings-grid article{border:1px solid #b7c9da;border-radius:7px;background:#fff;min-height:150px;overflow:hidden}.hr-settings-grid article>header{display:flex;align-items:center;justify-content:space-between;padding:5px 7px;background:#eaf2f8;border-bottom:1px solid #b7c9da}.hr-settings-grid h3{font-size:14px;margin:0}.hr-settings-grid article>div{padding:3px 7px}.hr-settings-grid p{display:grid;grid-template-columns:80px 1fr;gap:5px;margin:0;padding:4px 0;border-bottom:1px solid #e0e8ef;font-size:11px}.hr-modal-layer{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:12px;background:#0b203777;backdrop-filter:blur(2px);direction:rtl}.hr-modal{width:min(620px,calc(100vw - 24px));max-height:calc(100vh - 24px);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid #93abc0;border-radius:10px;background:#f7f9fb;box-shadow:0 20px 60px #06172c55}.hr-modal-wide{width:min(1180px,calc(100vw - 24px))}.hr-modal>header{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:5px 8px;border-bottom:1px solid #b5c7d7;background:#fff}.hr-modal>header small{color:#1c74aa;font-size:10px}.hr-modal>header h2{font-size:17px;line-height:1.2;margin:0}.hr-modal form{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto}.hr-modal-body{overflow:auto;padding:7px}.hr-modal footer{display:flex;justify-content:flex-start;gap:5px;padding:5px 7px;border-top:1px solid #b7c9da;background:#fff}.hr-modal .form-message{margin:0 7px 4px}.hr-form-sections{display:grid;grid-template-columns:1fr 1fr;gap:6px}.hr-form-sections fieldset{min-width:0;margin:0;padding:5px 7px 7px;border:1px solid #b8cadb;border-radius:7px;background:#fff}.hr-form-sections fieldset:last-of-type{grid-column:1/-1}.hr-form-sections legend{padding:0 5px;color:#075f96;font-size:12px;font-weight:800}.hr-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 7px}.hr-form-grid .span-2{grid-column:span 2}.hr-modal label{display:grid;gap:2px;min-width:0;color:#233e56;font-size:11px;font-weight:700}.hr-modal input,.hr-modal select,.hr-modal textarea{width:100%;min-width:0;height:30px;padding:3px 7px;border:1px solid #9fb5c8;border-radius:5px;background:#fff;color:#12263a;font:inherit}.hr-modal textarea{height:52px;resize:vertical}.hr-upload-note{display:grid;gap:3px;margin-bottom:7px;padding:8px;border:1px solid #a8c5db;border-radius:7px;background:#eaf5fc}.hr-upload-note span,.hr-upload-note small{font-size:11px;color:#38576f}.hr-file{padding:9px;border:1px dashed #83a9c5;border-radius:7px;background:#fff}.hr-preview-summary{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}.hr-preview-summary>span{display:flex;align-items:center;gap:5px;min-height:28px;padding:3px 9px;border:1px solid #b5c8d8;border-radius:5px;background:#fff;font-size:11px}.hr-preview-summary b{font-size:13px}.hr-error{color:#aa2525;font-weight:700}.hr-payroll-actions{display:flex;gap:5px;margin-top:7px}.button.small{height:29px;padding:0 10px;font-size:11px}
@media(max-width:900px){.hr-settings-grid{grid-template-columns:1fr 1fr}.hr-form-sections{grid-template-columns:1fr}.hr-form-sections fieldset:last-of-type{grid-column:auto}.hr-table-wrap{max-height:none}}
@media(max-width:620px){.hr-header{align-items:flex-start}.hr-tabs button{padding-inline:10px}.hr-toolbar{flex-wrap:wrap}.hr-toolbar label{max-width:none;flex-basis:100%}.hr-settings-grid{grid-template-columns:1fr}.hr-modal-layer{padding:5px}.hr-modal,.hr-modal-wide{width:calc(100vw - 10px);max-height:calc(100vh - 10px)}.hr-form-grid{grid-template-columns:1fr}.hr-form-grid .span-2{grid-column:auto}.hr-table-wrap table{font-size:11px}.hr-section-head p{display:none}}
@media print{.hr-tabs,.hr-toolbar,.hr-section-head button,.hr-modal-layer{display:none!important}.hr-table-wrap{max-height:none;overflow:visible;border-color:#000}.hr-table-wrap th,.hr-table-wrap td{border-color:#000;color:#000}.hr-shell{color:#000}}
.hr-head-actions{display:flex;align-items:center;justify-content:flex-start;gap:4px;flex-wrap:wrap}