.payroll-draft-editor{--pde-ink:#20334d;--pde-muted:#64748b;--pde-line:#dce4ee;--pde-soft:#f5f7fb;--pde-accent:#355d92;color:var(--pde-ink);font-size:14px;line-height:1.55;max-width:1440px;margin:0 auto}
.payroll-draft-editor *{box-sizing:border-box}.payroll-draft-editor h2,.payroll-draft-editor h3,.payroll-draft-editor h4,.payroll-draft-editor p{margin:0}.payroll-draft-editor h2{font-size:24px;line-height:1.35;margin:12px 0 6px}.payroll-draft-editor h2 small{font-size:13px;font-weight:400;color:var(--pde-muted)}.payroll-draft-editor h3{font-size:17px}.payroll-draft-editor h4{font-size:13px}.payroll-draft-editor button,.payroll-draft-editor input,.payroll-draft-editor textarea,.payroll-draft-editor select{font:inherit}.payroll-draft-editor input,.payroll-draft-editor select,.payroll-draft-editor textarea{min-width:0;border:1px solid #c9d5e4;border-radius:8px;background:#fff;color:var(--pde-ink);padding:9px 11px;min-height:40px;width:100%}.payroll-draft-editor textarea{resize:vertical}.payroll-draft-editor input:focus-visible,.payroll-draft-editor select:focus-visible,.payroll-draft-editor textarea:focus-visible,.payroll-draft-editor button:focus-visible,.payroll-draft-editor summary:focus-visible{outline:3px solid #b8ccec;outline-offset:2px}.payroll-draft-editor button{cursor:pointer}.payroll-draft-editor button:disabled{opacity:.5;cursor:default}.payroll-draft-editor small,.pde-muted{font-size:var(--ui-meta,13px);color:var(--pde-muted)}.payroll-draft-editor [hidden]{display:none!important}
.pde-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.pde-heading>div>p{color:var(--pde-muted)}.pde-heading>div>.pde-button{padding-left:0;border-color:transparent;background:transparent;min-height:28px}.pde-save-state{color:var(--pde-muted);font-size:var(--ui-meta,13px);padding-top:9px;white-space:nowrap}.pde-badge{display:inline-block;font-size:var(--ui-meta,13px);background:#eaf0f8;color:#365982;border-radius:5px;padding:3px 7px;margin-left:8px}.pde-button{padding:8px 12px;min-height:38px;border:1px solid #d0dae7;border-radius:8px;background:white;color:var(--pde-ink);white-space:nowrap}.pde-button:hover:not(:disabled){background:#edf3fa;border-color:#a8bedb}.pde-primary{background:var(--pde-accent);border-color:var(--pde-accent);color:white}.pde-primary:hover:not(:disabled){background:#284c7d;color:white}.pde-grid{display:grid;grid-template-columns:minmax(0,1fr) 284px;gap:22px;align-items:start}.pde-main{min-width:0;display:grid;gap:18px}.pde-panel{background:white;border:1px solid var(--pde-line);border-radius:12px;overflow:hidden}.pde-panel-heading{padding:19px 20px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.pde-panel-heading>span{font-size:var(--ui-meta,13px);color:var(--pde-muted)}.pde-panel-heading .pde-muted{margin-top:5px}.pde-days{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:20px;padding:5px 20px 17px}.pde-days>label,.pde-days>div{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--pde-muted)}.pde-days strong{font-size:21px;color:var(--pde-ink);font-variant-numeric:tabular-nums;min-height:40px;display:flex;align-items:center}.pde-days input{font-weight:600;font-size:18px;max-width:160px}.pde-source{margin:0 20px 19px;padding-top:11px;border-top:1px solid var(--pde-line);font-size:var(--ui-meta,13px);color:var(--pde-muted)}.pde-source summary{cursor:pointer;color:#365c8a}.pde-source p{margin-top:7px}.pde-group{padding:0 20px}.pde-group h4{background:var(--pde-soft);margin:9px -20px 0;padding:8px 20px;color:#4c6280;display:flex;justify-content:space-between;gap:10px}.pde-group h4 small{font-weight:400}.pde-line{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;gap:10px 16px;padding:15px 0;border-bottom:1px solid #e7edf4;align-items:center}.pde-line:last-child{border-bottom:0}.pde-line-name{min-width:0;display:flex;flex-direction:column;gap:3px}.pde-line-name strong{font-size:14px;overflow-wrap:anywhere}.pde-code{font-size:var(--ui-meta,13px);color:var(--pde-muted)}.pde-line-name small{line-height:1.45;overflow-wrap:anywhere}.pde-line-amount{text-align:right;min-width:0}.pde-line-amount input{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.pde-line-amount small{display:block;font-size:var(--ui-meta,13px);line-height:1.5;margin-top:4px;overflow-wrap:anywhere}.pde-line-actions{display:flex;gap:4px}.pde-line-actions .pde-button{font-size:var(--ui-meta,13px);min-height:34px;padding:6px 8px;border-color:transparent;color:#456a99}.pde-line-actions .pde-button:last-child{color:#a34a4a}.pde-line-issue{grid-column:1/-1;color:#9f6323;font-size:var(--ui-meta,13px)}.pde-line-issue:empty{display:none}.pde-condition{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:var(--ui-meta,13px);color:#766234;margin-top:7px}.pde-condition select{font-size:var(--ui-meta,13px);min-height:32px;padding:4px 7px;width:auto;max-width:100%}.pde-footnote{padding:12px 20px 18px;font-size:var(--ui-meta,13px);color:var(--pde-muted);border-top:1px solid var(--pde-line)}.pde-reason{padding:18px 20px}.pde-reason>label{display:block;font-weight:600;font-size:13px;margin-bottom:8px}.pde-empty{padding:28px 20px;color:var(--pde-muted)}
.pde-summary{padding:21px}.pde-eyebrow{display:block;font-size:13px;color:var(--pde-muted)}.pde-net{display:block;font-size:28px;font-weight:650;letter-spacing:-.5px;font-variant-numeric:tabular-nums;margin:7px 0;overflow-wrap:anywhere}.pde-delta{color:#2b725c;font-size:var(--ui-meta,13px)}.pde-totals{margin:22px 0 8px}.pde-totals>div{display:flex;justify-content:space-between;gap:10px;margin-top:11px;font-size:13px}.pde-totals dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.pde-totals dt{color:var(--pde-muted)}.pde-employer-total{border-top:1px solid var(--pde-line);padding-top:13px}.pde-visibility{border-top:1px solid var(--pde-line);padding-top:18px;margin-top:20px}.pde-visibility>strong{display:block;font-size:var(--ui-meta,13px);color:var(--pde-muted);margin-top:13px}.pde-visibility>strong:first-child{margin-top:0}.pde-visibility p{margin-top:5px;font-size:13px}.pde-visibility small{display:block;margin-top:6px}.pde-banner,.pde-error,.pde-success{padding:13px 17px;border-radius:8px;font-size:13px;margin-bottom:17px}.pde-banner{background:#fff6e5;color:#81581d;border:1px solid #f0ddb5}.pde-banner ul{margin:6px 0 0;padding-left:20px}.pde-error{background:#fff1ef;color:#a03333;border:1px solid #f2c9c4;white-space:pre-line}.pde-success{background:#edf7f2;color:#29644f;border:1px solid #c9e6d8}.pde-savebar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;margin:18px 0 0;border-top:1px solid var(--pde-line);background:rgba(249,251,253,.97);position:sticky;bottom:0;z-index:3}.pde-savebar>div:first-child{font-size:var(--ui-meta,13px);color:var(--pde-muted)}.pde-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pde-lifecycle{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end;padding:15px 0 22px}.pde-history{margin-top:4px}.pde-history summary{padding:17px 20px;cursor:pointer;font-weight:600}.pde-history summary span{font-size:var(--ui-meta,13px);background:#edf2f8;border-radius:5px;padding:2px 6px;margin-left:6px;color:var(--pde-muted)}.pde-history-body{padding:0 20px 20px}.pde-history-body h3{font-size:14px;margin:13px 0 3px}.pde-history-line{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--pde-line);font-size:var(--ui-meta,13px)}.pde-history-line p{margin-top:4px;color:var(--pde-muted);overflow-wrap:anywhere}.pde-history-line strong{font-weight:600}.pde-history-line>span{color:var(--pde-muted)}.pde-history-line>small{text-align:right;flex-shrink:0}.pde-picker{margin:0 20px 15px;padding:15px;background:var(--pde-soft);border:1px solid var(--pde-line);border-radius:9px}.pde-picker-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px}.pde-picker-heading .pde-button{font-size:var(--ui-meta,13px);padding:5px 10px;min-height:30px}.pde-picker-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.pde-picker-item{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;padding:10px;border:1px solid var(--pde-line);border-radius:7px;background:white;color:var(--pde-ink);min-width:0}.pde-picker-item:hover{border-color:#8baacf;background:#f8fbff}.pde-picker-item>span:first-child{min-width:0;overflow-wrap:anywhere}.pde-picker-item strong{font-size:var(--ui-meta,13px);display:block}.pde-picker-item small{display:block;font-size:var(--ui-meta,13px)}.pde-picker-item>span:last-child{font-size:var(--ui-meta,13px);white-space:nowrap}.pde-picker-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:10px 0}.pde-picker-footer>div{display:flex;align-items:center;gap:8px;font-size:var(--ui-meta,13px)}.pde-picker-footer .pde-button{min-height:29px;font-size:var(--ui-meta,13px);padding:5px 8px}.pde-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1180px){.pde-grid{grid-template-columns:minmax(0,1fr) 248px;gap:16px}.pde-line{grid-template-columns:minmax(0,1fr) 125px;gap:7px 12px}.pde-line-actions{grid-column:1/-1;justify-content:flex-end;margin-top:-5px}.pde-line-issue{grid-row:auto}.pde-picker-list{grid-template-columns:1fr}.pde-summary{padding:18px}.pde-net{font-size:24px}}
@media(max-width:880px){.pde-grid{grid-template-columns:1fr}.pde-aside{grid-row:1}.pde-summary{display:grid;grid-template-columns:1.15fr 1fr;gap:25px}.pde-visibility{margin:0;border-top:0;border-left:1px solid var(--pde-line);padding:0 0 0 20px}.pde-totals{margin-top:15px}.pde-line{grid-template-columns:minmax(0,1fr) 160px auto}.pde-line-actions{grid-column:auto;margin:0}.pde-picker-list{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.payroll-draft-editor{font-size:13px}.payroll-draft-editor h2{font-size:21px}.pde-heading{gap:10px;flex-wrap:wrap;margin-bottom:16px}.pde-save-state{padding-top:0}.pde-badge{margin-left:0}.pde-panel-heading{padding:15px 14px 10px;gap:8px}.pde-panel-heading>span{display:none}.pde-panel-heading h3{font-size:15px}.pde-panel-heading .pde-muted{font-size:var(--ui-meta,13px)}.pde-days{gap:10px;padding:3px 14px 15px}.pde-days>label,.pde-days>div{font-size:var(--ui-meta,13px)}.pde-days input{font-size:18px}.pde-days strong{font-size:18px}.pde-source{margin:0 14px 14px}.pde-group{padding:0 14px}.pde-group h4{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}.pde-line{grid-template-columns:minmax(0,1fr) 116px;gap:6px 10px}.pde-line-actions{grid-column:1/-1;justify-content:flex-end}.pde-line input,.payroll-draft-editor textarea,.pde-picker>input{font-size:16px}.pde-line-name strong{font-size:13px}.pde-footnote{padding:12px 14px 15px}.pde-reason{padding:15px 14px}.pde-summary{display:block;padding:17px}.pde-visibility{border-left:0;padding:13px 0 0;border-top:1px solid var(--pde-line);margin-top:16px}.pde-net{font-size:26px}.pde-savebar{flex-wrap:wrap;padding:12px 0;gap:10px}.pde-savebar>div:first-child{width:100%;font-size:var(--ui-meta,13px)}.pde-actions{width:100%;justify-content:space-between;gap:8px}.pde-actions .pde-button{min-height:42px;flex:1;font-size:var(--ui-meta,13px);white-space:normal}.pde-lifecycle .pde-button{font-size:var(--ui-meta,13px)}.pde-history-line{flex-wrap:wrap;gap:7px}.pde-history-line>small{text-align:left}.pde-picker{margin-left:14px;margin-right:14px;padding:11px}.pde-picker-list{grid-template-columns:1fr}.pde-picker-footer{flex-wrap:wrap}.pde-history summary{padding:15px}.pde-history-body{padding:0 15px 15px}.pde-banner,.pde-error,.pde-success{padding:11px 13px;font-size:var(--ui-meta,13px)}}