.wf-hero{padding:25px 27px;background:linear-gradient(115deg,#fff6ed 0%,#fffbf7 65%,#f7faf5 100%);border:1px solid #f3dfcc;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:22px}.wf-hero h2{font-size:22px;letter-spacing:-.65px;line-height:1.3}.wf-hero p{font-size:11px;line-height:1.8;color:#977b60;margin-top:8px;max-width:650px}.wf-hero-mark{display:grid;place-items:center;border-radius:15px;width:65px;height:65px;flex-shrink:0;background:#fff;border:1px solid #f1e1d1;color:#dd782e}.wf-hero-mark svg{width:30px;height:30px}.wf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:19px 0}.wf-period{display:flex;align-items:center;gap:10px}.wf-period strong{font-size:14px}.wf-period small{display:block;margin-top:5px}.wf-week-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:13px;background:#fff}.wf-week{display:grid;grid-template-columns:repeat(7,minmax(135px,1fr));min-width:950px}.wf-day{border-right:1px solid var(--line);min-height:370px;padding:0 9px 14px;background:#fdfdfe}.wf-day:last-child{border-right:0}.wf-day.today{background:#fffaf5}.wf-day-head{display:flex;justify-content:space-between;align-items:center;padding:16px 3px 14px;margin-bottom:8px;border-bottom:1px solid var(--line)}.wf-day-head span{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#8d97a5}.wf-day-head strong{display:block;font-size:21px;margin-top:4px;color:#344158}.wf-day-head .btn{padding:3px 8px}.wf-shift{display:block;width:100%;text-align:left;padding:13px 11px;margin-bottom:10px;border:1px solid #e1e8f0;border-left:3px solid #bdc7d6;background:white;border-radius:9px;box-shadow:0 3px 9px #14294103}.wf-shift.published{border-left-color:#72a68a;background:#f8fcf9}.wf-shift.cancelled{opacity:.6;background:#f4f5f7}.wf-shift strong{display:block;font-size:11px;line-height:1.5;color:#334258}.wf-shift small{display:block;margin-top:6px;font-size:9px;line-height:1.6;white-space:normal}.wf-shift .wf-shift-time{font-size:10px;color:#62728a;letter-spacing:-.2px;margin-bottom:8px}.wf-shift-foot{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:11px;font-size:9px;color:#8a95a5}.wf-day-empty{font-size:10px;text-align:center;color:#b1b8c3;padding:28px 4px}.wf-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:21px}.wf-card-content{padding:23px}.wf-card-content>p{font-size:11px;line-height:1.8;color:var(--muted);margin-top:9px}.wf-card-content h3{margin-bottom:12px}.wf-key-values{display:grid;gap:13px;margin:18px 0}.wf-key-values>div{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#7b8797}.wf-key-values strong{color:#3b485e;font-weight:550}.wf-key-values .total{border-top:1px solid var(--line);padding-top:15px;font-size:15px}.wf-key-values .total strong{color:#21785a}.wf-tabs{margin-top:0}.wf-period-form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:20px 0}.wf-period-form .field{min-width:140px;margin:0}.wf-field-help{font-size:10px;color:#8d96a3;line-height:1.6;margin-top:-8px;margin-bottom:15px}.wf-checklist{display:grid;gap:7px;max-height:230px;overflow:auto;margin:14px 0}.wf-checklist label{padding:10px;border:1px solid var(--line);border-radius:8px;margin:0}.wf-checklist small{margin-left:auto;font-size:9px}.wf-profile-summary{padding:14px 17px;border:1px solid var(--line);border-radius:9px;background:#fafbfc;margin:18px 0}.wf-profile-summary p{font-size:11px;color:#7c8797;line-height:1.7}.wf-rate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px}.wf-rate-grid>div{background:#f8fafc;border-radius:8px;padding:13px}.wf-rate-grid span{display:block;font-size:9px;color:#8c96a4;margin-bottom:7px}.wf-rate-grid strong{font-size:15px;color:#42526b}.wf-run-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 23px;border-bottom:1px solid var(--line);background:#fafcfe}.wf-run-banner h2{font-size:16px}.wf-run-banner p{font-size:10px;color:#8a94a2;margin-top:6px}.wf-payroll-brand{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:10px;letter-spacing:1.3px;color:#617188;text-transform:uppercase}.wf-payroll-brand b{background:#293c53;color:#fff;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;font-family:Georgia,serif;font-size:21px;letter-spacing:-1px}.wf-toggle-card{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:22px;border-bottom:1px solid var(--line)}.wf-toggle-card:last-child{border:0}.wf-toggle-card h3{font-size:13px}.wf-toggle-card p{font-size:10px;color:#8d97a4;margin-top:6px;line-height:1.7;max-width:550px}.wf-toggle-control{display:flex;align-items:center;gap:11px;flex-shrink:0}.wf-scope-label{font-size:10px;border:1px solid #dce4ee;background:#f6f9fc;color:#73829a;padding:8px 11px;border-radius:7px}.wf-deduction{padding:12px;border:1px solid var(--line);border-radius:9px;margin-bottom:11px;background:#fafbfc}.wf-deduction .form-grid{grid-template-columns:1.2fr 1fr}.wf-deduction .field{margin-bottom:10px}.wf-earnings-row{padding:13px 0;border-top:1px solid var(--line)}.wf-earnings-row>strong{display:block;font-size:12px;margin-bottom:12px}.wf-earnings-row .form-grid{grid-template-columns:repeat(2,1fr)}.wf-note{font-size:11px;line-height:1.8;color:#8b96a3;padding:17px 0}.wf-payslip{font-size:12px;color:#43516a}.wf-payslip-header{display:flex;justify-content:space-between;gap:25px;padding-bottom:22px;border-bottom:2px solid #293c53}.wf-payslip h1{font-size:25px}.wf-payslip h3{font-size:13px;margin:22px 0 12px}.wf-payslip p{line-height:1.9}.wf-payslip table{font-size:12px}.wf-payslip td{padding:12px 5px}.wf-payslip-net{padding:18px;background:#eef6f1;border-radius:9px;display:flex;justify-content:space-between;font-size:18px;margin-top:24px}.wf-payslip-foot{font-size:10px;line-height:1.8;color:#8b96a3;margin-top:23px}.wf-payslip-view{min-width:0}.wf-cell-stack{display:flex;gap:7px;align-items:center}.wf-inline-warning{font-size:10px;line-height:1.7;color:#a17442;margin-top:7px}.wf-roster-table{display:none}
.wf-pay-formula-intro{border:1px solid #e8d7c4;background:#fff9f1;border-radius:10px;padding:17px;margin-bottom:20px}.wf-pay-formula-intro>strong{display:block;font-size:15px;color:#735531}.wf-pay-formula-intro p{font-size:11px;line-height:1.7;color:#8c7b65;margin:7px 0 0}.wf-overtime-settings{border-top:1px solid var(--line);padding:14px 0;margin:5px 0 18px}.wf-overtime-settings summary{font-size:11px;color:#68778c;cursor:pointer;margin-bottom:15px}.wf-withholding-help{font-size:10px;line-height:1.7;color:#8290a2;margin:8px 0 20px}.wf-payroll-checklist{max-height:330px}.wf-prepare-employee{border:1px solid var(--line);border-radius:9px;background:#fff}.wf-prepare-employee[hidden]{display:none}.wf-payroll-checklist .wf-prepare-employee>label{border:0;margin:0;border-radius:0;padding:12px}.wf-prepare-employee .sub{margin-top:5px;line-height:1.6}.wf-payroll-checklist .wf-prepare-employee>.wf-paye-choice{font-size:10px;padding:10px 12px;border-top:1px solid #edf0f5;background:#f8fafc;border-radius:0 0 9px 9px}.wf-hours-review{background:#fbfdff;border-bottom:1px solid var(--line);padding-top:3px}.wf-hours-review .card-header p{font-size:11px;color:#8390a3;margin-top:7px}.wf-attendance-source{padding:0 23px 17px;font-size:11px;line-height:1.7;color:#7c899c;max-width:1000px}.wf-hours-review th{background:#f3f7fb}.wf-hours-review td{vertical-align:top}.wf-hours-review td .sub{line-height:1.6;max-width:230px}.wf-hourly-equation{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:#334b66;line-height:1.6;min-width:210px}.wf-hourly-equation>span{color:#97a3b2}.wf-hourly-equation strong:last-child{color:#26785b}.wf-payslip-hours{border:1px solid #dfe7ef;background:#f6fafc;border-radius:9px;padding:17px;margin:21px 0}.wf-payslip-hours h3{margin:0 0 9px}.wf-payslip-hours p{font-size:10px;color:#7b8a9c;margin:8px 0}.wf-payslip-hours .wf-hourly-equation{font-size:15px;margin:12px 0}
.wf-statutory-choices{min-width:0;border:1px solid #dde5ee;border-radius:9px;margin:20px 0 12px;padding:12px 14px;background:#f8fafc}.wf-statutory-choices legend{padding:0 7px;font-size:11px;font-weight:600;color:#536780}.wf-statutory-choices .check-row,.wf-payroll-checklist .wf-statutory-choices .check-row{margin:0;padding:8px 0;border:0;background:transparent;font-size:11px;border-radius:0}.wf-statutory-all{font-weight:600;color:#415773}.wf-statutory-options{display:flex;flex-wrap:wrap;gap:9px 24px;padding:7px 0 0;border-top:1px solid #e3e9f0;margin-top:5px}.wf-statutory-options label:has(input:disabled){color:#9ca7b5}.wf-statutory-exemption{font-size:10px;color:#8a795f;line-height:1.7;margin-top:8px}.wf-payroll-checklist .wf-statutory-choices{margin:0 12px 12px;padding:7px 12px 9px}.wf-payroll-checklist .wf-statutory-choices legend{font-size:10px}.wf-payroll-checklist .wf-statutory-options{gap:6px 17px}.wf-payroll-checklist .wf-statutory-choices .check-row{font-size:10px}.wf-earnings-row input:disabled{background:#f0f3f7;color:#9da7b4}
@media(max-width:1150px){.wf-layout{grid-template-columns:1fr}.wf-week{min-width:950px}.wf-rate-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.wf-week-wrap{display:none}.wf-roster-table{display:block}.wf-hero{padding:21px;gap:15px}.wf-hero h2{font-size:20px}.wf-hero-mark{display:none}.wf-toolbar{align-items:flex-start;flex-wrap:wrap}.wf-period strong{font-size:13px}.wf-period-form .field{flex:1;min-width:120px}.wf-toggle-card{align-items:flex-start;flex-direction:column;gap:15px}.wf-run-banner{align-items:flex-start;flex-direction:column}.wf-rate-grid{grid-template-columns:repeat(2,1fr)}.wf-checklist small{display:none}.wf-card-content{padding:19px}.wf-payslip-header{flex-direction:column;gap:15px}}
.dialog-body h3 + .wf-field-help, #dialog-form h3 + .wf-field-help{margin-top:7px}