.hr-toolbar,.hr-tabs,.hr-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hr-toolbar{margin:20px 0}.hr-toolbar label{display:flex;align-items:center;gap:8px;font-weight:600}.hr-toolbar input,.hr-toolbar select{padding:10px;border:1px solid #d2dedd;border-radius:8px;background:#fff;color:#173e45}.hr-steps{display:flex;gap:20px;flex-wrap:wrap;padding:16px 20px;background:#173e45;color:white;border-radius:12px;margin-bottom:20px}.hr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.hr-stats>div{padding:20px;background:#fff;border:1px solid #dbe5e3;border-radius:12px}.hr-stats small{display:block;color:#5b7377}.hr-stats strong{display:block;font-size:27px;margin-top:10px;color:#173e45}.hr-tabs{margin:20px 0}.hr-check{display:flex;gap:10px;align-items:flex-start;margin:16px 0;padding:14px;background:#eef6f3;border-radius:8px;line-height:1.5}.hr-check input{width:18px;height:18px;margin-top:3px;flex:none}.hr-note{padding:16px 20px;color:#526c71;line-height:1.6}.hr-actions{min-width:190px}.hr-actions .btn{white-space:nowrap}@media(max-width:750px){.hr-stats{grid-template-columns:repeat(2,1fr)}.hr-steps{gap:12px;flex-direction:column}.hr-toolbar{align-items:stretch}.hr-tabs .btn{flex:1 0 40%}}

.hr-toolbar select,.hr-toolbar input{width:auto;max-width:100%}.hr-live{position:sticky;top:0;padding:12px;background:#dff3eb;color:#174d48;border-radius:8px;font-weight:600;z-index:1;margin:12px 0}
dialog:has(.hr-email-preview){width:min(1060px,96vw);max-height:94vh}.hr-email-preview iframe{display:block;width:100%;height:57vh;min-height:310px;border:1px solid #c9ddda;background:#f2f6f5;border-radius:4px}.hr-mail-recipient{display:flex;flex-wrap:wrap;gap:6px 24px;padding:10px 12px;background:#e5f3ef;color:#173e45}.hr-mail-preview-footer{position:sticky;bottom:0;background:white;padding-top:6px}.hr-mail-preview-footer .hr-check{margin:8px 0;padding:10px}.hr-mail-preview-footer p{margin:5px 0;font-size:12px}.hr-mail-preview-footer .modal-foot{margin-top:8px}.hr-mail-state{font-size:10px;white-space:nowrap;color:#725329}.hr-mail-state.is-reviewed{color:#087a68}dialog:has(#payroll-mail-batch-form){width:min(850px,94vw)}#payroll-mail-batch-form ul{max-height:200px;overflow:auto;padding-left:20px}#payroll-mail-batch-form .table-scroll{max-height:230px;overflow:auto}@media(max-width:700px){.hr-mail-recipient{display:block}.hr-mail-recipient span{display:block;margin:4px 0}.hr-email-preview iframe{height:49vh;min-height:250px}}
dialog:has(#hr-food-form),dialog:has(#hr-items-form){width:1100px}.hr-food-table input{min-width:90px}.hr-food-table td{padding:12px}.hr-food-table tfoot{font-weight:700;background:#e5f3ef}.hr-food-table .food-calculated{text-align:right;white-space:nowrap}input[readonly]{background:#edf3f2}
.hr-factors{margin:20px 0 0;padding:14px 16px}.hr-factors summary{cursor:pointer;font-weight:700;color:#173e45}.hr-factors summary span{margin-left:12px;font-weight:400}.hr-factors[open] summary{margin-bottom:14px}.hr-general-table{width:100%;min-width:1360px;font-size:12px}.hr-general-table th,.hr-general-table td{padding:5px 4px;vertical-align:middle}.hr-general-table thead tr:first-child th{text-align:center}.hr-general-table thead tr:nth-child(2) th{white-space:normal;line-height:1.25;font-size:11px;letter-spacing:0;text-transform:none}.hr-general-table .hr-amount{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.hr-row-actions{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:3px;min-width:0}.hr-general-table .btn{font-size:10px;padding:3px 5px;min-height:23px;line-height:1.15;white-space:nowrap}.hr-profile-cell .btn{white-space:nowrap}.hr-general-table tbody td:nth-child(16){white-space:nowrap}.hr-general-table th{background:#173e45;color:#fff}.hr-general-table tbody td:nth-child(2),.hr-general-table thead tr:nth-child(2) th:nth-child(2){position:sticky;left:0;background:#fff;color:#173e45;z-index:1;min-width:190px;max-width:220px}.hr-general-table thead tr:nth-child(2) th:nth-child(2){background:#173e45;color:#fff;text-align:left}.hr-general-table tfoot{font-weight:bold;background:#e5f3ef}.hr-general-table tbody td:nth-child(2) .btn{white-space:normal;justify-content:flex-start;text-align:left;line-height:1.3;width:100%}.hr-net-total{font-weight:bold;background:#e5f3ef}.hr-items-grid{display:grid;gap:24px}.hr-items-grid table{width:100%;table-layout:fixed}.hr-items-grid th:nth-child(1){width:28%}.hr-items-grid th:nth-child(2){width:45%}.hr-items-grid th:nth-child(3){width:17%}.hr-items-grid th:nth-child(4){width:10%}.hr-items-grid input{width:100%;min-width:0;padding:8px;border:1px solid #b5c9c7;border-radius:5px}.hr-items-grid input:disabled{color:#355357;background:#edf3f2}.hr-items-grid input[type=number]{text-align:right}.hr-items-grid tfoot{font-weight:700;background:#e5f3ef}@media(max-width:700px){.hr-items-grid{overflow-x:auto}.hr-items-grid table{min-width:650px}.hr-factors{overflow-x:auto}}

.hr-general-table thead tr:first-child th.hr-gratification {
  background: #563476;
  color: #fff;
}
.hr-general-table thead tr:nth-child(2) th.hr-gratification,
.hr-general-table tfoot td.hr-gratification {
  background: #e8dcf7;
  color: #482868;
}
.hr-general-table tbody td.hr-gratification {
  background: #f6effc;
  color: #482868;
}

.hr-items-search { display: grid; gap: 6px; max-width: 320px; margin: 12px 0; }
.hr-grouped-items tbody th[scope="rowgroup"] { background: #e7f2f0; color: #173e45; text-align: left; }
.hr-grouped-items input { width: 100%; min-width: 88px; }
.hr-grouped-items td:nth-child(2) { min-width: 180px; }
.hr-grouped-items tbody[hidden] { display: none; }