.payroll-personnel{background:#fff;border:1px solid #d7e2f2;border-radius:16px;overflow:hidden;color:#172a45}
.payroll-personnel>header{padding:22px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #e1e8f2}
.payroll-personnel h3{margin:5px 0;font-size:20px}.payroll-personnel h4{margin:24px 20px 12px}.payroll-personnel header small{color:#0667ed;font-weight:700;letter-spacing:.06em}.payroll-personnel header p{margin:6px 0;color:#6e819c}
.personnel-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.payroll-personnel button,.payroll-modal .personnel-weekdays+label~button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;width:auto;flex:0 0 auto;padding:9px 14px;border:1px solid #cfdaea;border-radius:9px;background:#fff;color:#23416a;font-family:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer}
.payroll-personnel button.personnel-primary{background:#0964e8;color:#fff;border-color:#0964e8}.payroll-personnel button:hover{background:#edf5ff}.payroll-personnel button.personnel-primary:hover{background:#0756ca}.payroll-personnel button:disabled{opacity:.45;cursor:default}.payroll-personnel button:focus-visible{outline:2px solid #0667ed;outline-offset:2px}
.personnel-scroll{overflow:auto}.personnel-scroll table{border-collapse:collapse;width:100%;font-size:13px;table-layout:auto}.personnel-scroll th{background:#f3f6fa;color:#667d9a;font-size:11px;text-transform:uppercase;text-align:left;padding:13px 16px;white-space:nowrap}.personnel-scroll td{padding:13px 16px;border-top:1px solid #e0e7f0;max-width:360px;overflow-wrap:anywhere}.personnel-scroll tr:nth-child(even){background:#fbfcfe}.personnel-scroll td small{display:block;color:#72859e;margin-top:5px}
.personnel-search{display:flex;align-items:end;gap:16px;padding:20px}.personnel-search label{flex:1;display:grid;gap:7px;font-size:13px}.personnel-search input{height:43px;border:1px solid #cfdaea;border-radius:8px;padding:10px 12px;width:100%;box-sizing:border-box}.personnel-search span{padding-bottom:12px;color:#71839b;font-size:13px;white-space:nowrap}
.personnel-tabs{display:flex;gap:8px;padding:16px 20px;border-bottom:1px solid #e2e9f3;overflow:auto}.personnel-tabs button[aria-pressed=true]{background:#eaf3ff;border-color:#95bfff;color:#0563e8}.personnel-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;background:#e2eaf5;border-bottom:1px solid #e2eaf5}.personnel-summary>div{padding:20px;background:#f8fbff;color:#6c809e;font-size:12px}.personnel-summary strong{display:block;color:#153254;font-size:20px;margin-top:8px}.personnel-note{margin:18px 20px;font-size:13px;line-height:1.6;color:#6e829c}.personnel-toolbar{padding:18px 20px 0}.personnel-error{margin:16px 20px;padding:12px 16px;background:#fff3f5;border:1px solid #ffb7c1;color:#b3213d;border-radius:8px}.personnel-error[hidden]{display:none}.personnel-weekdays{display:flex;flex-wrap:wrap;gap:14px;border:1px solid #d7e2f2;padding:14px;border-radius:8px}.personnel-weekdays label{display:flex!important;align-items:center;gap:6px}.personnel-weekdays input{width:auto!important;min-height:0!important}
@media(max-width:700px){.personnel-search{align-items:stretch;flex-direction:column}.personnel-summary{grid-template-columns:1fr 1fr}.payroll-personnel>header{padding:16px}.personnel-actions{width:100%}.personnel-scroll table{min-width:700px}}
.concept-editor{margin:20px;padding:20px;border:1px solid #d5e2f5;border-radius:12px;background:#f8fbff}.concept-editor h4{margin:0 0 16px}.concept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.concept-grid label{display:grid;gap:7px;font-size:12px;color:#506984}.concept-grid input,.concept-grid select{box-sizing:border-box;width:100%;min-height:42px;padding:10px;border:1px solid #ccd9eb;border-radius:8px;background:white;color:#142d50;font-family:inherit}.concept-grid input[type=checkbox]{width:20px;min-height:20px}.concept-wide{grid-column:1/-1}.concept-editor .personnel-actions{margin-top:18px}.concept-grid .account-search{position:relative}.concept-grid .account-search-results{z-index:10;background:#fff}.concept-grid .account-search-results button{white-space:normal;text-align:left}
@media(max-width:650px){.concept-grid{grid-template-columns:1fr}.concept-editor{margin:12px;padding:14px}}
.concept-editor input[type=file]{max-width:320px;font:inherit;color:#526985}.concept-editor input[type=file]::file-selector-button{padding:10px 14px;margin-right:10px;border:1px solid #cbd9ec;border-radius:8px;background:#fff;color:#214572;font:inherit;cursor:pointer}.concept-editor .personnel-actions>label{display:grid;gap:6px;font-size:12px}

.payroll-review .review-summary{display:flex;gap:24px;flex-wrap:wrap;padding:18px 0}.payroll-review .review-flag{display:block;margin:4px 0;font-size:12px}.payroll-review .block{color:#b42318}.payroll-review .warning{color:#92400e}.payroll-review .review-alert{padding:14px 0;border-bottom:1px solid #dce5f2}.payroll-review textarea{display:block;width:100%;min-height:70px;box-sizing:border-box;border:1px solid #ccd8eb;border-radius:8px;padding:12px;font:inherit;color:#142843}.payroll-review .personnel-scroll table{min-width:1050px}.payroll-review [role=alert]{background:#fff1f2;color:#b42318;padding:16px;border-radius:8px}.payroll-review details{margin-top:20px}

.payroll-review .review-summary{padding:18px 20px}.payroll-review .personnel-search select{display:block;width:100%;min-height:44px;border:1px solid #ccd8eb;border-radius:8px;padding:10px 12px;font:inherit;background:white;color:#142843}.payroll-review details{padding:0 20px 20px}

.payroll-personnel .personnel-search select,.payroll-personnel .concept-editor textarea,.payroll-personnel .personnel-scroll input[type=number],.payroll-personnel .concept-editor select{box-sizing:border-box;width:100%;min-height:44px;border:1px solid #ccd8eb;border-radius:8px;padding:10px 12px;font:inherit;background:#fff;color:#142843}.payroll-personnel .concept-editor textarea{min-height:80px}.payroll-personnel .personnel-scroll input[type=number]{min-width:110px}.payroll-personnel .concept-editor input[type=file]::file-selector-button{border:1px solid #ccd8eb;border-radius:7px;background:#fff;padding:8px 12px;margin-right:10px;color:#142843}
 .payroll-personnel>details>summary,.payroll-personnel [data-map-step]>summary{cursor:pointer;padding:14px 20px;font-weight:600;border-bottom:1px solid #dbe4ef;background:#f7faff;}
 .payroll-personnel>p[role=alert]:not([hidden]){margin:16px 20px;padding:12px 16px;border:1px solid #f5b4bf;border-radius:10px;background:#fff4f5;color:#a51631;}
 .payroll-personnel [data-map-step] [data-validate]{margin-top:14px;}
