/* P11.42: five distinct tasks with one consistent action dock. */
#view-payroll.nk-payroll-has-rounds>.payroll-page-intro,
#view-payroll.nk-payroll-has-rounds .payroll-period-panel{display:none!important}
#view-payroll.nk-payroll-has-rounds .payroll-workspace{display:block!important;margin:0!important;max-width:none!important}
#view-payroll.nk-payroll-has-rounds .payroll-detail-panel{padding:20px 24px!important;border:1px solid #dce6e9!important;border-radius:14px!important;box-shadow:none!important;min-height:0!important;background:#fff!important}
#view-payroll .nk-payroll-round-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:0 0 16px;border-bottom:1px solid #e0e9eb}
#view-payroll .nk-round-title{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;min-width:0;flex:1}
#view-payroll .nk-round-title h1{font-size:23px!important;line-height:1.4!important;margin:0!important;white-space:nowrap;color:#173f48}
#view-payroll .nk-round-picker{margin:0!important;min-width:0;max-width:300px}
#view-payroll .nk-round-picker select{min-height:42px;max-width:100%;width:245px;font-size:15px!important;padding:8px 32px 8px 12px!important;background:#fff;color:#173f48;border:1px solid #d2dfe3;border-radius:8px}
#view-payroll .nk-payroll-round-meta{display:flex;gap:8px 12px;flex-wrap:wrap;align-items:center;flex-basis:100%;font-size:14px;color:#536e77}
#view-payroll .nk-payroll-round-meta .badge{font-size:14px!important}
#view-payroll .nk-round-net{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap}
#view-payroll .nk-round-net span{font-size:14px;color:#536e77}
#view-payroll .nk-round-net strong{font-size:24px;font-variant-numeric:tabular-nums;color:#173f48}
#view-payroll .nk-round-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
#view-payroll .nk-round-tools button,#view-payroll .nk-round-tools summary{font-size:14px;min-height:40px}
#view-payroll .nk-payroll-tools{position:relative;margin:0}
#view-payroll .nk-payroll-tools summary{padding:9px 12px;border:1px solid #d2dfe3;border-radius:8px;cursor:pointer;color:#365b64;list-style:none}
#view-payroll .nk-payroll-tools summary::after{content:' ▾'}
#view-payroll .nk-payroll-tools[open] nav{position:absolute;z-index:20;right:0;top:42px;background:#fff;border:1px solid #dce6e9;border-radius:10px;box-shadow:0 10px 28px #123b4818;padding:10px;width:min(290px,calc(100vw - 48px));display:grid!important;gap:3px;margin:0;max-height:65dvh;overflow:auto}
#view-payroll .nk-payroll-tools nav h4{font-size:14px;margin:6px 8px;color:#657d85}
#view-payroll .nk-payroll-tools nav button{width:100%;text-align:left;border:0;border-radius:6px;background:#fff;padding:9px 10px;font-size:14px!important;color:#173f48;box-shadow:none}
#view-payroll .nk-payroll-tools nav button:hover{background:#f2f7f7}
#view-payroll .nk-payroll-tools nav .danger{color:#ad3d35;border-top:1px solid #edf1f2;border-radius:0}
#view-payroll #payrollDetail .nk-payroll-workspace{padding:0!important;margin:0 0 18px!important;border:0!important;background:none!important;border-radius:0!important}
#view-payroll #payrollDetail .nk-workspace-tabs{display:flex!important;flex-wrap:nowrap!important;gap:22px;margin:0!important;padding:0!important;border-bottom:1px solid #dce6e9;overflow-x:auto}
#view-payroll #payrollDetail .nk-workspace-tabs button{flex:0 0 auto!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:none!important;color:#627c84!important;padding:12px 0!important;font-size:14px!important;box-shadow:none!important;min-height:45px;white-space:nowrap}
#view-payroll #payrollDetail .nk-workspace-tabs button[aria-selected=true]{border-bottom-color:#04878a!important;color:#046f72!important;font-weight:600}
#view-payroll #payrollDetail .nk-workspace-tasks{margin:10px 0 0;gap:8px}
#view-payroll #payrollDetail .nk-workspace-tasks>button{padding:8px 12px;border-radius:8px;flex:0 1 auto}
#view-payroll #payrollDetail .nk-workspace-tasks strong{font-size:14px}
#view-payroll #payrollDetail .nk-workspace-tasks span{font-size:14px}
#view-payroll #payrollDetail .nk-workspace-review-action{background:none!important;padding:0!important;border-radius:0!important;margin:0 0 14px!important;align-items:center;gap:12px}
#view-payroll #payrollDetail .nk-payroll-next-hint{font-size:15px!important;font-weight:500;line-height:1.6}
#view-payroll .payroll-grid-toolbar{margin:0 0 8px!important;gap:10px!important;align-items:center}
#view-payroll .payroll-grid-toolbar>div:first-child{display:flex;gap:10px;align-items:center;flex-wrap:wrap;min-width:0}
#view-payroll .payroll-grid-toolbar input{font-size:14px!important;min-height:42px;width:min(250px,100%)}
#view-payroll .payroll-grid-toolbar span{font-size:14px!important;color:#627c84}
#view-payroll .payroll-employee-actions{display:flex;gap:8px;flex-wrap:wrap}
#view-payroll .payroll-employee-actions button{font-size:14px!important;min-height:40px}
#view-payroll .nk-payroll-table-options{margin:0 0 16px;padding:12px;background:#f7f9fa;border:1px solid #e0e9eb;border-radius:10px}
#view-payroll .nk-payroll-table-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px}
#view-payroll .nk-payroll-view-switch{display:inline-flex;gap:0;padding:3px;background:#eaf0f2;border-radius:8px;margin:0!important}
#view-payroll .nk-payroll-view-switch button{font-size:14px!important;min-height:38px;border:1px solid transparent!important;border-radius:6px!important;padding:6px 12px;background:none!important;color:#4c6871!important;box-shadow:none!important}
#view-payroll .nk-payroll-view-switch button[aria-pressed=true]{background:#fff!important;color:#174c55!important;border-color:#d4e1e5!important;font-weight:600;box-shadow:0 1px 2px #183f4810!important}
#view-payroll .nk-payroll-review-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0!important;padding:0!important;background:none!important;border:0!important}
#view-payroll .nk-payroll-review-filters button{font-size:14px!important;min-height:36px;padding:6px 10px!important;border-radius:18px!important;background:#fff!important;color:#526b74!important;border:1px solid #d4e1e5!important;font-weight:400}
#view-payroll .nk-payroll-review-filters button[aria-pressed=true]{background:#e5f3f1!important;border-color:#95c7c1!important;color:#076c68!important;font-weight:600}
#view-payroll .nk-payroll-filter-status{font-size:14px!important;margin:0!important;color:#526b74}
#view-payroll .nk-payroll-filter-status:empty{display:none}
#view-payroll .nk-column-options{margin:0!important;font-size:14px;color:#526b74}
#view-payroll .nk-column-options label{display:flex;align-items:center;gap:6px}
#view-payroll .nk-payroll-sheet-simple{min-width:810px!important;width:100%;border-collapse:collapse;display:table!important;font-size:14px!important}
#view-payroll .nk-payroll-sheet-simple thead{display:table-header-group!important}
#view-payroll .nk-payroll-sheet-simple tbody{display:table-row-group!important}
#view-payroll .nk-payroll-sheet-simple tr{display:table-row!important;border:0!important;background:none!important}
#view-payroll .nk-payroll-sheet-simple th,#view-payroll .nk-payroll-sheet-simple td{display:table-cell!important;text-align:right;vertical-align:middle;padding:12px 10px!important;border:0!important;border-bottom:1px solid #e0e9eb!important;white-space:nowrap;font-size:15px!important}
#view-payroll .nk-payroll-sheet-simple td::before{display:none!important}
#view-payroll .nk-payroll-sheet-simple th{font-size:14px!important;background:#f6f8f9;color:#536e77;font-weight:500!important}
#view-payroll .nk-payroll-sheet-simple th:first-child,#view-payroll .nk-payroll-sheet-simple td:first-child{position:sticky!important;left:0;z-index:2;min-width:170px;max-width:210px;text-align:left;background:#fff!important;white-space:normal}
#view-payroll .nk-payroll-sheet-simple th:last-child,#view-payroll .nk-payroll-sheet-simple td:last-child{position:sticky!important;right:0;z-index:2;min-width:110px;background:#eef7f6!important}
#view-payroll .nk-payroll-sheet-simple button{font-size:15px!important;min-height:38px}
#view-payroll .nk-payroll-sheet-simple small{font-size:14px!important;color:#617c84;display:block}
#view-payroll .nk-payroll-simple-wrap{max-width:100%;overflow-x:auto;border:1px solid #e0e9eb;border-radius:10px;isolation:isolate}
#view-payroll #payrollDetail .nk-workspace-payment{padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important}
#view-payroll .nk-payment-next{margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid #e0e9eb}
#view-payroll .nk-payment-next h3{font-size:17px;margin:0 0 4px}
#view-payroll .nk-payment-next p{font-size:14px;color:#536e77;margin:0;line-height:1.6}
#view-payroll #payrollDetail .nk-payment-task{padding:16px 0!important;margin:0!important;border-top:1px solid #e0e9eb}
#view-payroll #payrollDetail .nk-payment-task:first-of-type{border-top:0}
#view-payroll .nk-payment-task-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
#view-payroll .nk-payment-task-copy{min-width:0;flex:1}
#view-payroll .nk-payment-task-copy h3{font-size:16px;margin:0 0 4px}
#view-payroll .nk-payment-task-copy p{font-size:14px;line-height:1.6;margin:4px 0;color:#536e77}
#view-payroll .nk-payment-task-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:420px}
#view-payroll .nk-payment-task-actions button{min-height:42px;font-size:14px!important}
#view-payroll .nk-payment-task small{font-size:14px;color:#536e77}
#view-payroll .nk-slip-list-disclosure{border:0!important;border-radius:0!important;margin:6px 0 0!important;padding:6px 0!important}
#view-payroll .nk-slip-list-disclosure summary{font-size:14px;color:#52717a;font-weight:400}
#view-payroll .nk-payroll-context-help{margin:10px 0 0;padding:0;border:0;font-size:14px;max-width:780px}
#view-payroll .nk-payroll-context-help>summary{font-size:14px;cursor:pointer;color:#536e77}
#view-payroll .nk-payroll-context-help p{font-size:14px;line-height:1.7;color:#536e77}
#view-payroll #nk-workspace-confirm{padding:0!important;border:0!important;border-radius:0!important}
#view-payroll .nk-confirm-totals{margin:12px 0 16px;gap:12px}
#view-payroll .nk-confirm-totals>span{background:none;border-radius:0;border-bottom:1px solid #dce6e9;padding:8px 0;flex:1 1 120px;font-size:14px;color:#536e77}
#view-payroll .nk-confirm-totals strong{font-size:20px;color:#173f48}
#view-payroll .nk-confirm-decision{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;margin:0 0 16px;border-bottom:1px solid #dce6e9}
#view-payroll .nk-confirm-decision label{font-size:14px}
#view-payroll .nk-confirm-decision p{font-size:14px;color:#536e77;margin:4px 0}
#view-payroll #nk-workspace-confirm>details{padding:10px 0;border:0;border-radius:0;margin:8px 0}
#view-payroll .nk-payroll-review-person{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #e0e9eb}
#view-payroll .nk-payroll-review-person p{font-size:14px;margin:4px 0;color:#536e77}
#view-payroll .nk-payroll-review-person small{font-size:14px;color:#087d70}
#view-payroll .nk-review-person-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
#view-payroll .nk-review-person-actions button{font-size:14px!important}
#view-payroll .nk-payroll-workspace-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-top:1px solid #dce6e9;margin-top:18px;padding-top:12px;font-size:14px;color:#536e77}
#view-payroll .nk-payroll-workspace-footer>.nk-payroll-context-help{margin:0;max-width:620px}
#view-payroll .nk-payroll-workspace-footer>button{font-size:14px}
#view-payroll #payrollPayslipProgress{font-size:14px;white-space:nowrap}
#view-payroll #nkPayrollEmbeddedDocuments .nk-doc-shell{max-width:none!important;width:100%;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important}
#view-payroll #nkPayrollEmbeddedDocuments .nk-doc-body,#view-payroll #nkPayrollEmbeddedDocuments .nk-doc-content{padding:0!important;max-width:none!important;width:100%}
#view-payroll .nk-doc-embedded-tools{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin:4px 0 8px}
#view-payroll .nk-doc-tools{position:relative;margin:0}
#view-payroll .nk-doc-tools>summary{font-size:14px;color:#536e77;cursor:pointer}
#view-payroll .nk-doc-tools>div{display:flex;gap:10px;flex-wrap:wrap;padding:8px 0}
#view-payroll #nkPayrollEmbeddedDocuments .nk-handoff-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#view-payroll #nkPayrollEmbeddedDocuments .nk-filing-card-compact{border:0!important;border-radius:0!important;padding:12px 0!important;background:none!important;box-shadow:none!important;min-width:0}
#view-payroll .nk-filing-card-compact h3{font-size:16px!important;line-height:1.5;margin:3px 0!important}
#view-payroll .nk-filing-scope-label{font-size:14px!important;color:#173f48;display:block}
#view-payroll .nk-filing-summary{font-size:14px!important;line-height:1.6;color:#536e77}
#view-payroll .nk-filing-scope-note{font-size:14px!important;line-height:1.6;color:#85531e;background:#fcf7ed;padding:8px 10px;border-radius:6px}
#view-payroll .nk-filing-card-compact .nk-doc-inspection{font-size:14px;margin-top:10px}
#view-payroll .nk-filing-card-compact .nk-doc-readiness{border:0;padding:0;border-radius:0}
#view-payroll .nk-filing-card-compact .nk-handoff-actions{margin:10px 0;gap:8px;flex-wrap:wrap}
#view-payroll .nk-filing-card-compact .nk-handoff-actions button{font-size:14px!important;min-height:42px}
#view-payroll .nk-filing-card-compact .nk-handoff-actions a{font-size:14px!important}
#view-payroll .nk-filing-card-compact summary,#view-payroll .nk-filing-card-compact small{font-size:14px!important}
#view-payroll .nk-filing-scope table{width:100%;font-size:14px}
#view-payroll .nk-filing-scope th,#view-payroll .nk-filing-scope td{padding:7px!important;white-space:normal;font-size:14px!important}
#view-payroll .nk-filing-usage-note{font-size:14px!important;color:#536e77;line-height:1.6}
#view-payroll .nk-payroll-first-run ol{padding-left:20px;display:grid;gap:18px}
#view-payroll .nk-payroll-first-run li>strong,#view-payroll .nk-payroll-first-run li>span{display:block;margin:4px 0}
#view-payroll .nk-payroll-first-run p,#view-payroll .nk-payroll-first-run span{font-size:14px;line-height:1.7}
.nk-payroll-amount-focus{padding:12px 0 16px;border-bottom:1px solid #dce6e9;margin-bottom:14px}
.nk-payroll-amount-focus h3{margin:0 0 8px}.nk-payroll-amount-focus p{font-size:14px;line-height:1.6}
@media(max-width:1050px){#view-payroll .nk-payroll-round-header{flex-wrap:wrap}#view-payroll .nk-round-title{flex:1 1 340px}#view-payroll .nk-round-tools{flex-basis:100%;justify-content:flex-end}#view-payroll .nk-payment-task-head{flex-wrap:wrap}#view-payroll .nk-payment-task-actions{justify-content:flex-start;max-width:none}}
@media(max-width:720px){
 #view-payroll.nk-payroll-has-rounds .payroll-detail-panel{padding:14px!important;border-radius:10px!important}
 #view-payroll .nk-payroll-round-header{gap:10px;padding-bottom:12px}
 #view-payroll .nk-round-title{flex-basis:100%;gap:8px}
 #view-payroll .nk-round-title h1{font-size:20px!important}
 #view-payroll .nk-round-picker{flex:1;max-width:none}
 #view-payroll .nk-round-picker select{width:100%;min-width:0;font-size:14px!important}
 #view-payroll .nk-payroll-round-meta{font-size:14px;gap:6px 10px}
 #view-payroll .nk-round-net{align-items:flex-start;flex:1;flex-direction:row;gap:8px;align-items:baseline}
 #view-payroll .nk-round-net strong{font-size:21px}
 #view-payroll .nk-round-tools{flex-basis:auto;gap:6px}
 #view-payroll .nk-round-tools button,#view-payroll .nk-round-tools summary{padding:8px;min-height:40px;font-size:14px!important}
 #view-payroll #payrollDetail .nk-workspace-tabs{gap:18px}
 #view-payroll #payrollDetail .nk-workspace-tabs button{font-size:14px!important;padding:10px 0!important}
 #view-payroll #payrollDetail .nk-payroll-workspace{margin-bottom:12px!important}
 #view-payroll #payrollDetail .nk-workspace-review-action{display:flex!important;align-items:stretch}
 #view-payroll #payrollDetail .nk-workspace-review-action>.nk-payroll-next-hint{flex:1 1 100%;font-size:14px!important;margin:0}
 #view-payroll #payrollDetail .nk-workspace-review-action>.primary-btn{width:auto;min-height:44px}
 #view-payroll .payroll-grid-toolbar{display:flex!important;flex-wrap:wrap!important;align-items:stretch;gap:8px!important}
 #view-payroll .payroll-grid-toolbar>div:first-child{flex:1 1 100%}
 #view-payroll .payroll-grid-toolbar input{flex:1;width:auto;min-width:140px;font-size:16px!important}
 #view-payroll .payroll-grid-toolbar span{display:none}
 #view-payroll .nk-payroll-table-options{margin:6px 0 10px}
 #view-payroll .nk-payroll-sheet-simple th:first-child,#view-payroll .nk-payroll-sheet-simple td:first-child{min-width:132px;max-width:145px}
 #view-payroll .nk-payroll-sheet-simple th:last-child,#view-payroll .nk-payroll-sheet-simple td:last-child{min-width:105px}
 #view-payroll .nk-payroll-sheet-simple td{padding:10px 8px!important}
 #view-payroll .nk-payment-next h3{font-size:16px}#view-payroll .nk-payment-task-head{display:block}
 #view-payroll .nk-payment-task-actions{margin-top:10px;gap:8px}
 #view-payroll .nk-confirm-decision,#view-payroll .nk-payroll-review-person{align-items:flex-start;flex-direction:column}
 #view-payroll .nk-confirm-decision>button{width:100%;min-height:44px}
 #view-payroll .nk-review-person-actions{justify-content:flex-start}
 #view-payroll .nk-payroll-workspace-footer{flex-wrap:wrap}
 #view-payroll #nkPayrollEmbeddedDocuments .nk-handoff-grid{grid-template-columns:1fr;gap:0}
 #view-payroll #nkPayrollEmbeddedDocuments .nk-filing-card-compact+.nk-filing-card-compact{border-top:1px solid #e0e9eb!important}
 #view-payroll .nk-doc-embedded-tools{justify-content:flex-start;flex-wrap:wrap}
}
#payrollPeriodModal .nk-payroll-cycle-details{padding:8px 0;border:0;margin:0}
#payrollPeriodModal .nk-payroll-cycle-details>summary{font-size:14px;cursor:pointer}
#payrollPeriodModal .nk-payroll-cycle-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
#payrollPeriodModal .nk-payroll-cycle-fields .field{min-width:0}
@media(max-width:600px){#payrollPeriodModal .nk-payroll-cycle-fields{grid-template-columns:1fr}}
html body dialog#nkPayrollExternalDelivery[open]{display:flex!important;flex-direction:column!important;padding:0!important;width:min(720px,calc(100vw - 24px))!important;height:min(780px,90dvh)!important;max-height:90dvh!important;overflow:hidden!important}
#nkPayrollExternalDelivery>.modal-head,#nkPayrollExternalDelivery>.modal-actions{flex:0 0 auto;position:relative!important;inset:auto!important;padding:16px!important;margin:0!important;background:#fff}
#nkPayrollExternalDelivery>.nk-external-fields{flex:1 1 auto;min-height:0;overflow:auto;padding:0 16px 16px}
#nkPayrollExternalDelivery .nk-external-fields>label{display:block;margin:12px 0;font-size:14px}
#nkPayrollExternalDelivery .nk-external-fields>label>input:not([type=checkbox]),#nkPayrollExternalDelivery select{width:100%;display:block;margin-top:5px;min-height:42px;padding:8px;font:inherit;border:1px solid #d3e0e4;border-radius:6px}
#nkPayrollExternalDelivery .nk-external-people{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px 0}
#nkPayrollExternalDelivery .nk-external-people label{padding:8px;border-bottom:1px solid #e0e9eb;font-size:14px}
#nkPayrollExternalDelivery .modal-actions button{min-height:44px}
#nkPayrollExternalDelivery [role=alert]{color:#a33228}
#nkPayrollPasteModal .modal-actions{position:sticky!important;bottom:0!important;background:#fff!important;padding:12px 0!important;z-index:2}
@media(max-width:720px){#nkPayrollExternalDelivery .nk-external-people{grid-template-columns:1fr}#nkPayrollExternalDelivery input,#nkPayrollExternalDelivery select{font-size:16px!important}}

/* Everyday controls stay visible. Detailed instructions are optional. */
#view-payroll{font-size:15px;line-height:1.6}
#view-payroll #payrollDetail .nk-workspace-review-action{padding:14px 16px!important;background:#f0f8f7!important;border:1px solid #cce4e1!important;border-radius:10px!important;display:flex!important;justify-content:space-between;align-items:center!important}
#view-payroll .nk-workspace-review-action h3{font-size:17px!important;line-height:1.5;margin:0 0 3px!important}
#view-payroll #payrollDetail .nk-payroll-next-hint{font-size:14px!important;font-weight:400;margin:0;color:#4e6b73}
#view-payroll #payrollDetail :is(.primary-btn,.secondary-btn,.text-btn){font-size:14px;line-height:1.5}
#view-payroll #payrollDetail .primary-btn{font-size:15px!important;font-weight:600!important;min-height:44px;padding:10px 18px!important;white-space:nowrap}
#view-payroll #payrollDetail .nk-workspace-tabs button:disabled{opacity:1!important;color:#778b91!important;cursor:not-allowed}
#view-payroll .payroll-grid-toolbar{display:flex!important;justify-content:space-between;flex-wrap:wrap;gap:10px!important;margin:0 0 10px!important}
#view-payroll .payroll-grid-toolbar .payroll-employee-actions button{font-size:14px!important}
#view-payroll #nkPayrollAdvanced .payroll-sheet :is(th,td){font-size:14px!important;line-height:1.6!important;padding:12px!important}
#view-payroll #nkPayrollAdvanced .payroll-sheet small{font-size:14px!important;line-height:1.5!important}
#view-payroll #nkPayrollAdvanced .payroll-sheet input{font-size:15px!important;min-height:42px;min-width:100px!important;padding:8px!important}
#view-payroll .payroll-manual-input-wrap{grid-template-columns:minmax(110px,1fr)!important;gap:5px!important;min-width:135px}
#view-payroll .payroll-auto-reset{font-family:inherit!important;font-size:14px!important;line-height:1.5!important;height:auto!important;min-height:32px;padding:5px 8px!important}
#view-payroll .payroll-auto-hint{font-size:14px!important;color:#536e77!important;white-space:normal}
#view-payroll .nk-grid-save-note{font-size:14px;color:#536e77;margin:8px 0}
#view-payroll .nk-grid-edit-help{font-size:14px;margin:6px 0 10px}
#view-payroll .nk-grid-edit-help summary{cursor:pointer;color:#526b74}
#view-payroll .nk-grid-edit-help p{margin:8px 0;max-width:780px;line-height:1.7}
#view-payroll .nk-slip-delivery-record{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:10px}
#view-payroll .nk-slip-delivery-record .nk-payroll-context-help{margin:0}
#view-payroll .nk-confirm-clear{font-size:14px;color:#476c63}
#view-payroll .nk-filing-scope-empty{font-size:14px;line-height:1.7;background:#f6f8f9;padding:10px 12px;border-radius:8px;color:#526b74}
#view-payroll .nk-payment-next strong{font-size:17px}
#view-payroll .nk-payment-task-copy p,#view-payroll .nk-filing-summary{font-size:14px!important}
#view-payroll .nk-payment-task-copy h3{font-size:17px}
@media(max-width:720px){
 #view-payroll .nk-payroll-table-options{padding:10px;margin-bottom:12px}
 #view-payroll .nk-payroll-table-controls{gap:10px}
 #view-payroll .nk-payroll-review-filters{gap:6px}
 #view-payroll .nk-payroll-review-filters button{font-size:14px!important}
 #view-payroll #payrollDetail .nk-workspace-review-action{padding:12px!important;flex-wrap:wrap!important;gap:10px}
 #view-payroll .nk-workspace-review-action>div{flex-basis:100%}
 #view-payroll .nk-slip-delivery-record{align-items:flex-start;flex-direction:column}
}

@media(max-width:720px){
 /* The active step already names this screen; keep the next action in view. */
 #view-payroll #payrollDetail .nk-workspace-review-action{display:block!important;padding:0!important;border:0!important;background:none!important;margin:0 0 12px!important}
 #view-payroll .nk-workspace-review-action>div{display:none}
 #view-payroll #payrollDetail .nk-workspace-review-action>.primary-btn{width:100%}
 #view-payroll .nk-round-net{flex:1;min-width:0}
 #view-payroll .nk-round-tools{flex:0 0 auto}
 #view-payroll .nk-round-tools>button{display:none}
 #view-payroll .nk-payroll-table-options{padding:10px}
 html.nk-p10:has(#view-payroll.active) .topbar{margin-bottom:10px!important}
}

/* Comfortable work surfaces; each task owns one screen. */
html.nk-p10:has(#view-payroll.active){scrollbar-gutter:stable}
#view-payroll.nk-payroll-has-rounds .payroll-detail-panel{padding:24px 24px 160px!important}
#view-payroll #payrollDetail .nk-payroll-workspace{margin-bottom:24px!important}
#view-payroll #payrollDetail .nk-workspace-tabs{gap:20px}
#view-payroll .nk-stage-heading{margin:0 0 24px}
#view-payroll .nk-stage-heading h3{font-size:19px!important;line-height:1.5;margin:0 0 6px!important;color:#173f48}
#view-payroll .nk-stage-heading p{font-size:14px;line-height:1.7;margin:0;color:#536e77}
#view-payroll .nk-stage-panel{padding:0!important;border:0!important;background:none!important;margin:0!important}
#view-payroll .nk-money-card{padding:24px;border:1px solid #d7e5e7;border-radius:12px;display:flex;gap:24px;align-items:flex-start;justify-content:space-between;margin:0 0 24px}
#view-payroll .nk-stage-eyebrow{font-size:14px;color:#536e77;display:block;margin-bottom:8px}
#view-payroll .nk-stage-amount{display:block;font-size:28px;color:#173f48;font-variant-numeric:tabular-nums;margin-bottom:10px}
#view-payroll .nk-money-card p{font-size:14px;margin:6px 0}
#view-payroll .nk-money-card .secondary-btn{flex-shrink:0;min-height:44px}
#view-payroll .nk-delivery-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 24px}
#view-payroll .nk-delivery-overview>div{border:1px solid #dce7e9;border-radius:10px;padding:20px}
#view-payroll .nk-delivery-overview span{display:block;font-size:14px;color:#536e77;margin-bottom:8px}
#view-payroll .nk-delivery-overview strong{font-size:23px;line-height:1.5;color:#173f48}
#view-payroll .nk-delivery-channel-note,#view-payroll .nk-stage-notice{font-size:14px;line-height:1.7;color:#536e77;margin:0 0 20px}
#view-payroll .nk-stage-notice{padding:12px 16px;border-radius:8px;background:#fcf7ed;color:#805b25}
#view-payroll .nk-delivery-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 24px}
#view-payroll .nk-slip-list-disclosure{margin:0 0 24px!important;padding:12px 0!important}
#view-payroll #nkPayrollEmbeddedDocuments{padding:0!important;margin:0!important;border:0!important;background:none!important}
#view-payroll .nk-doc-embedded-tools{margin:0 0 24px;min-height:28px}
#view-payroll #nkPayrollEmbeddedDocuments .nk-handoff-grid{gap:24px!important;align-items:stretch}
#view-payroll #nkPayrollEmbeddedDocuments .nk-filing-card-compact{border:1px solid #d7e5e7!important;padding:24px!important;border-radius:12px!important;background:#fff!important}
#view-payroll #nkPayrollEmbeddedDocuments .nk-handoff-card-head{gap:16px;flex-wrap:wrap;margin-bottom:16px}
#view-payroll #nkPayrollEmbeddedDocuments .nk-handoff-card-head p{margin:8px 0!important}
#view-payroll #nkPayrollEmbeddedDocuments .nk-doc-secondary{margin-top:20px}
#view-payroll #nkPayrollEmbeddedDocuments .nk-doc-secondary>details{margin:0;padding:16px 0;border-top:1px solid #e0e9eb}
#view-payroll #nkPayrollEmbeddedDocuments .nk-doc-secondary>details:last-child{padding-bottom:0}
#view-payroll #nkPayrollEmbeddedDocuments .nk-doc-inline-download{display:none!important}
#view-payroll #nkPayrollEmbeddedDocuments .nk-handoff-actions{margin-top:16px!important;gap:12px!important}
#view-payroll #nkPayrollEmbeddedDocuments .nk-filing-usage-note{margin-top:24px!important}
#view-payroll #nkPayrollEmbeddedDocuments .nk-handoff-warnings{padding:16px!important;font-size:14px;line-height:1.7}
#view-payroll .nk-payroll-action-dock{position:fixed!important;bottom:16px;left:8px;right:8px;z-index:85;display:grid!important;grid-template-columns:auto minmax(0,1fr) 260px;align-items:end;gap:20px;padding:16px 20px;box-sizing:border-box;background:#fff;border:1px solid #c8dddd;border-radius:12px;box-shadow:0 6px 28px #193d4520;margin:0!important}
#view-payroll .nk-dock-back{height:48px;min-height:48px;font-size:14px;white-space:nowrap;padding:10px 14px}
#view-payroll .nk-dock-copy{min-width:0;font-size:14px;line-height:1.6;align-self:center;color:#536e77}
#view-payroll .nk-dock-copy label{display:flex;align-items:center;gap:8px;min-height:32px;font-size:14px;color:#173f48}
#view-payroll .nk-dock-copy input{width:18px;height:18px;accent-color:#04878a;flex-shrink:0}
#view-payroll .nk-dock-copy [role=alert]{color:#a2382c}
#view-payroll .nk-dock-main{position:relative;min-width:0}
#view-payroll #payrollDetail .nk-dock-main>.primary-btn{width:100%;height:48px;min-height:48px;font-size:15px!important;white-space:nowrap;padding:10px 14px!important;box-sizing:border-box}
#view-payroll .nk-dock-menu{position:absolute;bottom:calc(100% + 12px);right:0;z-index:2;width:min(340px,calc(100vw - 48px));max-height:50dvh;overflow-y:auto;background:#fff;border:1px solid #c8dddd;border-radius:10px;box-shadow:0 8px 28px #193d4526;padding:8px}
#view-payroll .nk-dock-menu button{display:block;width:100%;padding:12px;text-align:left;background:#fff;border:0;border-radius:6px;color:#173f48;font-size:14px;line-height:1.6;cursor:pointer}
#view-payroll .nk-dock-menu button:hover:not(:disabled){background:#edf7f6}
#view-payroll .nk-dock-menu small{display:block;font-size:14px;color:#805b25;margin-top:4px}
@media(max-width:1000px){
 #view-payroll .nk-payroll-action-dock{bottom:calc(76px + env(safe-area-inset-bottom))}
}
@media(max-width:720px){
 #view-payroll.nk-payroll-has-rounds .payroll-detail-panel{padding:16px 16px 180px!important}
 #view-payroll #payrollDetail .nk-payroll-workspace{margin-bottom:20px!important}
 #view-payroll #payrollDetail .nk-workspace-tabs{gap:18px}
 #view-payroll .nk-stage-heading{margin-bottom:20px}
 #view-payroll .nk-stage-heading h3{font-size:18px!important}
 #view-payroll #nkPayrollReviewSection>.nk-stage-heading{display:none}
 #view-payroll .nk-money-card{display:block;padding:16px;margin-bottom:20px}
 #view-payroll .nk-money-card>.secondary-btn{margin-top:16px}
 #view-payroll .nk-stage-amount{font-size:25px}
 #view-payroll .nk-delivery-overview{grid-template-columns:1fr;gap:10px;margin-bottom:20px}
 #view-payroll .nk-delivery-overview>div{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
 #view-payroll .nk-delivery-overview span{margin:0}
 #view-payroll .nk-delivery-overview strong{font-size:21px;white-space:nowrap}
 #view-payroll #nkPayrollEmbeddedDocuments .nk-filing-card-compact{padding:16px!important}
 #view-payroll #nkPayrollEmbeddedDocuments .nk-handoff-grid{gap:20px!important}
 #view-payroll #nkPayrollEmbeddedDocuments .nk-filing-card-compact+.nk-filing-card-compact{border:1px solid #d7e5e7!important}
 #view-payroll .nk-payroll-action-dock{grid-template-columns:auto minmax(0,1fr);gap:10px 12px;padding:12px;border-radius:10px}
 #view-payroll .nk-dock-copy{grid-column:1/-1;grid-row:1;font-size:14px}
 #view-payroll .nk-dock-copy label{min-height:28px;font-size:14px}
 #view-payroll .nk-dock-back{grid-column:1;grid-row:2;height:44px;min-height:44px;font-size:14px;padding:8px 10px}
 #view-payroll .nk-dock-main{grid-column:2;grid-row:2}
 #view-payroll #payrollDetail .nk-dock-main>.primary-btn{height:44px;min-height:44px;font-size:14px!important;padding:8px 10px!important}
}
@media print{#view-payroll .nk-payroll-action-dock{display:none!important}#view-payroll.nk-payroll-has-rounds .payroll-detail-panel{padding-bottom:24px!important}}

/* Align document titles/statuses and report progress once in the action dock. */
#view-payroll #nkPayrollEmbeddedDocuments .nk-handoff-card-head{display:flex!important;flex-wrap:nowrap!important;align-items:flex-start;gap:16px}
#view-payroll #nkPayrollEmbeddedDocuments .nk-handoff-card-head>div{min-width:0;flex:1}
#view-payroll #nkPayrollEmbeddedDocuments .nk-handoff-card-head>.badge{flex:0 0 auto;max-width:120px}
#view-payroll #nkPayrollEmbeddedDocuments .nk-filing-summary{margin:0 0 16px!important}
#view-payroll #nkPayrollEmbeddedDocuments [data-center-status]:not(:has(a,button)){display:none!important}

/* P11.44: progression in the dock; tools stay beside their content. */
#view-payroll{font-size:16px!important;line-height:1.65}
#view-payroll .nk-stage-heading h3{font-size:21px!important;font-weight:600}
#view-payroll .nk-stage-heading p,#view-payroll .nk-payroll-next-hint{font-size:15px!important;line-height:1.7}
#view-payroll .nk-payroll-round-meta,#view-payroll .nk-payroll-round-meta .badge,#view-payroll .nk-round-net span{font-size:14px!important}
#view-payroll #payrollDetail .nk-workspace-tabs button{font-size:15px!important}
#view-payroll .nk-proof-summary{display:flex;gap:16px 36px;flex-wrap:wrap;align-items:center;padding:18px 22px;background:#f0f7f7;border:1px solid #daebea;border-radius:12px;margin-bottom:24px}
#view-payroll .nk-proof-summary span{font-size:15px;color:#536e77}
#view-payroll .nk-proof-summary strong{font-size:21px;color:#173f48;margin-left:8px;font-variant-numeric:tabular-nums}
#view-payroll .nk-delivery-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:24px;align-items:stretch}
#view-payroll .nk-action-card{padding:28px;border:1px solid #dae6e9;border-radius:14px;background:#fff;box-shadow:0 3px 14px #24454e05}
#view-payroll .nk-action-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}
#view-payroll .nk-action-card-heading h4{font-size:19px;margin:0;color:#173f48}
#view-payroll .nk-channel-icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;border-radius:11px;background:#e9f8ee;color:#16814c;font-size:11px;font-weight:700}
#view-payroll .nk-channel-download{background:#eaf4f4;color:#087b7e;font-size:26px}
#view-payroll .nk-action-card p{font-size:15px;line-height:1.7;margin:0 0 20px;color:#536e77}
#view-payroll .nk-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
#view-payroll .nk-action-card .secondary-btn,#view-payroll .nk-action-card .text-btn{font-size:15px!important;min-height:44px}
#view-payroll .nk-action-card>.text-btn{display:block;margin-top:12px}
#view-payroll .nk-slip-recovery{padding:18px 22px;background:#fff8ed;border-radius:10px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
#view-payroll .nk-slip-recovery p{margin:0;font-size:15px}
:is(#view-payroll #nkPayrollEmbeddedDocuments,#nkPayrollDocumentCenter) .nk-handoff-grid{gap:24px!important;align-items:stretch}
:is(#view-payroll #nkPayrollEmbeddedDocuments,#nkPayrollDocumentCenter) .nk-filing-card-compact{padding:28px!important;border:1px solid #d6e5e8!important;border-radius:14px!important;box-shadow:0 3px 14px #24454e05!important}
:is(#view-payroll #nkPayrollEmbeddedDocuments,#nkPayrollDocumentCenter) .nk-handoff-card-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;margin-bottom:22px}
:is(#view-payroll #nkPayrollEmbeddedDocuments,#nkPayrollDocumentCenter) .nk-filing-identity{display:flex;gap:12px;align-items:center;min-width:0}
:is(#view-payroll,#nkPayrollDocumentCenter) .nk-document-icon{display:grid;place-items:center;width:42px;height:48px;background:#eaf5f4;color:#087b7e;border-radius:11px;flex:0 0 42px}
:is(#view-payroll,#nkPayrollDocumentCenter) .nk-document-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
:is(#view-payroll #nkPayrollEmbeddedDocuments,#nkPayrollDocumentCenter) .nk-filing-code{display:block;font-size:14px;line-height:1.6;color:#5a777f;margin-bottom:3px}
:is(#view-payroll #nkPayrollEmbeddedDocuments,#nkPayrollDocumentCenter) .nk-filing-card-compact h3{font-size:20px!important;line-height:1.45;margin:0!important}
:is(#view-payroll #nkPayrollEmbeddedDocuments,#nkPayrollDocumentCenter) .nk-handoff-card-head>.badge{font-size:14px!important;padding:6px 10px;max-width:124px;line-height:1.5}
:is(#view-payroll #nkPayrollEmbeddedDocuments,#nkPayrollDocumentCenter) .nk-filing-scope-label{font-size:15px!important;margin:0 0 8px!important;color:#355b65}
:is(#view-payroll,#nkPayrollDocumentCenter) .nk-filing-people{font-size:14px!important;color:#5b747d;margin:0 0 20px!important}
:is(#view-payroll,#nkPayrollDocumentCenter) .nk-filing-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px}
:is(#view-payroll,#nkPayrollDocumentCenter) .nk-filing-metrics span{display:block;font-size:14px;line-height:1.6;color:#5b747d;margin-bottom:7px}
:is(#view-payroll,#nkPayrollDocumentCenter) .nk-filing-metrics strong{font-size:22px;line-height:1.5;color:#173f48;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
:is(#view-payroll #nkPayrollEmbeddedDocuments,#nkPayrollDocumentCenter) .nk-filing-scope-note,:is(#view-payroll #nkPayrollEmbeddedDocuments,#nkPayrollDocumentCenter) .nk-filing-scope-empty{font-size:14px!important;line-height:1.75;padding:12px 14px;margin:0 0 20px;border-radius:9px}
:is(#view-payroll #nkPayrollEmbeddedDocuments,#nkPayrollDocumentCenter) .nk-handoff-actions{display:flex;gap:12px!important;align-items:center;flex-wrap:wrap;margin:24px 0 0!important}
:is(#view-payroll #nkPayrollEmbeddedDocuments,#nkPayrollDocumentCenter) .nk-doc-inline-download{display:inline-flex!important;background:#eef8f7;border-color:#a8d3cf;color:#06777a}
:is(#view-payroll #nkPayrollEmbeddedDocuments,#nkPayrollDocumentCenter) .nk-handoff-actions button{font-size:15px!important;line-height:1.5;min-height:46px;padding:10px 14px;white-space:normal}
:is(#view-payroll #nkPayrollEmbeddedDocuments,#nkPayrollDocumentCenter) .nk-doc-secondary{margin-top:24px;padding-top:20px;border-top:1px solid #e0e9eb}
:is(#view-payroll #nkPayrollEmbeddedDocuments,#nkPayrollDocumentCenter) .nk-doc-secondary>details{border:0!important;margin-top:16px;padding:0!important}
:is(#view-payroll #nkPayrollEmbeddedDocuments,#nkPayrollDocumentCenter) :is(summary,.nk-doc-inspection p,.nk-doc-inspection a,.nk-agency-link,.nk-filing-record-meta){font-size:14px!important;line-height:1.75}
:is(#view-payroll #nkPayrollEmbeddedDocuments,#nkPayrollDocumentCenter) .nk-filing-record-meta{margin-top:16px;color:#536e77}
:is(#view-payroll #nkPayrollEmbeddedDocuments,#nkPayrollDocumentCenter) .nk-filing-scope th,:is(#view-payroll #nkPayrollEmbeddedDocuments,#nkPayrollDocumentCenter) .nk-filing-scope td{font-size:14px!important;padding:10px!important}
#view-payroll .nk-payroll-workspace-footer{font-size:14px;gap:20px}
#view-payroll .nk-payroll-workspace-footer summary,#view-payroll #payrollPayslipProgress,#view-payroll .nk-payroll-context-help summary,#view-payroll .nk-slip-list-disclosure summary{font-size:14px!important}
#view-payroll .nk-dock-copy{font-size:15px}
#view-payroll .nk-dock-back{font-size:15px}

/* Shared, padded dialog shell for payroll files, history, filing and summary. */
html body dialog:is(#nkPayrollDownloadModal,#nkPayrollHistory,#nkPayrollRoundSummary,#nkPayrollFilingRecord,#payrollAdjustmentModal.nk-inline-amounts)[open]{position:fixed!important;inset:24px!important;margin:auto!important;transform:none!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;width:min(880px,calc(100vw - 48px))!important;max-width:calc(100vw - 48px)!important;height:fit-content!important;max-height:calc(100dvh - 48px)!important;padding:0!important;overflow:hidden!important;border:1px solid #d9e5e8;border-radius:18px;background:#fff;color:#173f48;box-shadow:0 24px 90px #142f3c30;font-size:15px;line-height:1.65}
html body dialog.nk-payroll-dialog::backdrop{background:#142f3c66;backdrop-filter:blur(4px)}
.nk-payroll-dialog *{box-sizing:border-box}
.nk-payroll-dialog .nk-payroll-dialog-head{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 28px;border-bottom:1px solid #e1e9ec;margin:0;background:#fff}
.nk-payroll-dialog .nk-payroll-dialog-head h2{font-size:22px;line-height:1.45;margin:0 0 6px;color:#173f48;font-weight:600}
.nk-payroll-dialog .nk-payroll-dialog-head p{font-size:15px;line-height:1.6;color:#5b747d;margin:0}
.nk-payroll-dialog .nk-dialog-close{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;min-height:40px;padding:8px;border:0;border-radius:9px;background:#f1f6f7;color:#3b5d67;font-size:25px;cursor:pointer}
.nk-payroll-dialog .nk-dialog-close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.nk-payroll-dialog .nk-payroll-dialog-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:24px 28px;overscroll-behavior:contain}
.nk-payroll-dialog .nk-dialog-intro{font-size:15px;line-height:1.7;color:#536e77;margin:0 0 22px}
.nk-payroll-dialog .nk-payroll-dialog-footer{flex:0 0 auto;display:flex;justify-content:flex-end;align-items:center;gap:12px;margin:0;padding:18px 28px;border-top:1px solid #e1e9ec;background:#fff}
.nk-payroll-dialog :is(.primary-btn,.secondary-btn){font-size:15px!important;line-height:1.5;min-height:44px;padding:10px 16px}
.nk-payroll-dialog [role=alert]{font-size:15px;color:#a3382b;line-height:1.7}
.nk-payroll-dialog [data-file-status]:empty,.nk-payroll-dialog [data-record-feedback]:empty{display:none}
.nk-payroll-dialog [data-file-status]{margin:18px 0;font-size:15px;line-height:1.7}
.nk-payroll-dialog .nk-payment-file-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.nk-payroll-dialog .nk-file-choice{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;min-height:140px;padding:20px;border:1px solid #d7e6e8;border-radius:12px;background:#fbfdfd;color:#173f48;cursor:pointer;line-height:1.6}
.nk-payroll-dialog .nk-file-choice:hover{border-color:#78bdb8;background:#f0f8f7}
.nk-payroll-dialog .nk-file-choice strong{font-size:16px;font-weight:600}
.nk-payroll-dialog .nk-file-choice small{font-size:14px;color:#5b747d;line-height:1.6}
.nk-payroll-dialog .nk-file-tag{font-size:13px;font-weight:600;color:#087b7e;background:#e6f3f2;border-radius:6px;padding:3px 7px}
.nk-payroll-dialog .nk-export-history{margin:24px 0 0;padding-top:20px;border-top:1px solid #e1e9ec}
.nk-payroll-dialog .nk-export-history>summary{font-size:15px;font-weight:500;cursor:pointer;color:#355b65}
.nk-payroll-dialog .nk-export-list article{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #e1e9ec}
.nk-payroll-dialog .nk-export-list article:last-child{border:0;padding-bottom:0}
.nk-payroll-dialog .nk-export-list strong{font-size:15px;line-height:1.6;display:block;overflow-wrap:anywhere}
.nk-payroll-dialog .nk-export-list p,.nk-payroll-dialog .nk-export-list small{font-size:14px;color:#5b747d;line-height:1.7;margin:6px 0 0;display:block}
.nk-payroll-dialog .nk-export-list article>div{min-width:0}
.nk-payroll-dialog .nk-export-list button{flex-shrink:0}
.nk-payroll-dialog .nk-payroll-history-list{list-style:none;padding:0;margin:0}
.nk-payroll-dialog .nk-payroll-history-list li{display:flex;align-items:flex-start;gap:16px;position:relative;padding:0 0 28px}
.nk-payroll-dialog .nk-payroll-history-list li:last-child{padding-bottom:0}
.nk-payroll-dialog .nk-history-dot{width:10px;height:10px;border:2px solid #04878a;border-radius:50%;background:#fff;flex:0 0 10px;margin-top:8px}
.nk-payroll-dialog .nk-payroll-history-list h3{font-size:17px;line-height:1.5;margin:0 0 6px;color:#173f48}
.nk-payroll-dialog .nk-payroll-history-list p,.nk-payroll-dialog .nk-payroll-history-list time{font-size:14px!important;line-height:1.75;color:#5b747d;margin:0}
.nk-payroll-dialog .nk-payroll-history-list .nk-history-note{font-size:15px!important;margin-top:9px;padding:10px 14px;background:#f4f8f9;border-radius:8px;overflow-wrap:anywhere}
.nk-payroll-dialog .nk-payroll-dialog-form{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden}
.nk-payroll-dialog .nk-filing-record-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.nk-payroll-dialog .nk-filing-record-fields label{display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.6;margin:0;color:#355b65}
.nk-payroll-dialog .nk-filing-record-fields input,.nk-payroll-dialog .nk-filing-record-fields select,.nk-payroll-dialog .nk-filing-record-fields textarea{width:100%;min-width:0;min-height:46px;padding:10px 12px;font:inherit;font-size:16px;border:1px solid #cbdde1;border-radius:9px;color:#173f48;background:#fff}
.nk-payroll-dialog .nk-field-wide{grid-column:1/-1}
.nk-payroll-dialog .nk-record-attestation{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.7;padding:16px;background:#f0f8f7;border-radius:9px;margin-top:24px}
.nk-payroll-dialog .nk-record-attestation input{width:18px;height:18px;margin-top:4px;accent-color:#04878a;flex-shrink:0}
.nk-payroll-dialog .nk-round-result{padding:20px 22px;border-radius:12px;background:#fff8eb;margin-bottom:24px}
.nk-payroll-dialog .nk-round-result.is-complete{background:#eef8f3}
.nk-payroll-dialog .nk-round-result h3{font-size:20px;margin:0 0 5px;line-height:1.5}
.nk-payroll-dialog .nk-round-result p{font-size:15px;margin:0;color:#5b747d}
.nk-payroll-dialog .nk-round-summary-row{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid #e1e9ec}
.nk-payroll-dialog .nk-round-summary-row>div{flex:1;min-width:0}
.nk-payroll-dialog .nk-summary-mark{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;background:#fff4df;color:#98691c;border-radius:50%;font-size:20px}
.nk-payroll-dialog .nk-round-summary-row.is-complete .nk-summary-mark{background:#e9f7ee;color:#16814c}
.nk-payroll-dialog .nk-round-summary-row h4{font-size:16px;margin:0 0 5px;line-height:1.5}
.nk-payroll-dialog .nk-round-summary-row p{font-size:15px;color:#5b747d;margin:0;line-height:1.6}
.nk-payroll-dialog .nk-round-summary-row .text-btn{font-size:14px;white-space:nowrap}
@media(max-width:720px){
 #view-payroll .nk-delivery-channels{grid-template-columns:1fr;gap:20px}
 #view-payroll .nk-action-card{padding:20px}
 #view-payroll .nk-proof-summary{padding:16px 18px;gap:10px 20px}
 #view-payroll .nk-proof-summary span{display:flex;justify-content:space-between;width:100%}
 :is(#view-payroll #nkPayrollEmbeddedDocuments,#nkPayrollDocumentCenter) .nk-filing-card-compact{padding:20px!important}
 :is(#view-payroll #nkPayrollEmbeddedDocuments,#nkPayrollDocumentCenter) .nk-handoff-card-head{display:flex!important;flex-wrap:wrap!important;flex-direction:row!important;gap:16px;margin-bottom:20px}
 :is(#view-payroll #nkPayrollEmbeddedDocuments,#nkPayrollDocumentCenter) .nk-filing-identity{flex-basis:100%}
 :is(#view-payroll,#nkPayrollDocumentCenter) .nk-filing-metrics{gap:16px}
 :is(#view-payroll,#nkPayrollDocumentCenter) .nk-filing-metrics strong{font-size:20px}
 :is(#view-payroll #nkPayrollEmbeddedDocuments,#nkPayrollDocumentCenter) .nk-handoff-actions{flex-direction:column;align-items:stretch}
 :is(#view-payroll #nkPayrollEmbeddedDocuments,#nkPayrollDocumentCenter) .nk-handoff-actions button{width:100%}
 #view-payroll .nk-slip-recovery{align-items:stretch;flex-direction:column}
 #view-payroll .nk-dock-copy{font-size:14px}
 html body dialog:is(#nkPayrollDownloadModal,#nkPayrollHistory,#nkPayrollRoundSummary,#nkPayrollFilingRecord,#payrollAdjustmentModal.nk-inline-amounts)[open]{inset:12px!important;width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;border-radius:14px}
 .nk-payroll-dialog .nk-payroll-dialog-head{padding:20px;gap:12px}
 .nk-payroll-dialog .nk-payroll-dialog-head h2{font-size:20px}
 .nk-payroll-dialog .nk-payroll-dialog-body{padding:20px}
 .nk-payroll-dialog .nk-payroll-dialog-footer{padding:16px 20px;gap:10px}
 .nk-payroll-dialog .nk-payment-file-choices,.nk-payroll-dialog .nk-filing-record-fields{grid-template-columns:1fr}
 .nk-payroll-dialog .nk-file-choice{min-height:0;padding:18px}
 .nk-payroll-dialog .nk-export-list article{align-items:flex-start;flex-direction:column;gap:12px}
 .nk-payroll-dialog .nk-round-summary-row{flex-wrap:wrap;gap:10px 12px}
 .nk-payroll-dialog .nk-round-summary-row .text-btn{margin-left:44px}
 .nk-payroll-dialog .nk-payroll-dialog-footer .primary-btn{white-space:normal;flex:1}
}

/* P11.45: one window for existing adjustments and the next entry. */
#payrollAdjustmentModal.nk-inline-amounts[open]{font-size:16px}
#payrollAdjustmentModal.nk-inline-amounts [hidden]{display:none!important}
#payrollAdjustmentModal.nk-inline-amounts .modal-head h3{font-size:22px;line-height:1.5;margin:0 0 6px}
#payrollAdjustmentModal.nk-inline-amounts .modal-head p{font-size:15px;line-height:1.7;margin:0;color:#536e77}
#payrollAdjustmentModal.nk-inline-amounts .modal-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
#payrollAdjustmentModal.nk-inline-amounts .full{grid-column:1/-1}
#payrollAdjustmentModal.nk-inline-amounts .field label{font-size:15px;line-height:1.6;margin-bottom:8px}
#payrollAdjustmentModal.nk-inline-amounts :is(input:not([type=checkbox]):not([type=hidden]),select){font-size:16px;min-height:44px}
#payrollAdjustmentModal.nk-inline-amounts .toggle-line{font-size:14px;line-height:1.7;grid-column:1/-1}
#payrollAdjustmentModal.nk-inline-amounts .close-btn{width:40px;height:40px;flex:0 0 40px;border:0;border-radius:9px;background:#f1f6f7}
#payrollAdjustmentModal.nk-inline-amounts .nk-inline-history{margin:0}
#payrollAdjustmentModal.nk-inline-amounts .nk-amount-total{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:18px 20px;background:#eef7f6;border:1px solid #d9eae7;border-radius:12px;margin-bottom:22px}
.nk-amount-total span{display:block;font-size:14px;color:#536e77;line-height:1.7}
.nk-amount-total strong{display:block;font-size:21px;line-height:1.7;color:#173f48;font-variant-numeric:tabular-nums}
#payrollAdjustmentModal.nk-inline-amounts .nk-inline-history h4{font-size:16px;margin:0 0 12px}
#payrollAdjustmentModal.nk-inline-amounts .nk-inline-history ul{list-style:none;margin:0;padding:0;max-height:240px;overflow:auto}
#payrollAdjustmentModal.nk-inline-amounts .nk-inline-history li{display:flex;align-items:start;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid #e1e9ec;font-size:15px}
#payrollAdjustmentModal.nk-inline-amounts .nk-inline-history li small{display:block;font-size:14px;line-height:1.7;color:#536e77;overflow-wrap:anywhere}
#payrollAdjustmentModal.nk-inline-amounts .nk-inline-history li b{white-space:nowrap;font-variant-numeric:tabular-nums}
#payrollAdjustmentModal.nk-inline-amounts .nk-inline-history p{font-size:15px;color:#536e77}
#payrollAdjustmentModal.nk-inline-amounts .nk-amount-add-title{padding-top:22px;margin-top:18px!important;border-top:1px solid #e1e9ec}
#payrollAdjustmentModal.nk-inline-amounts[data-read-only="1"] .modal-fields>:not(#nkPayrollAdjustmentHistory):not(#nkPayrollAmountStatus){display:none!important}
#nkPayrollAmountStatus{font-size:15px;line-height:1.7}
#nkPayrollAmountStatus:empty{display:none}
.nk-download-receipt{padding:16px 18px;border:1px solid #bdded8;border-radius:10px;background:#f0f8f5;margin:18px 0;overflow-wrap:anywhere}
.nk-download-receipt p{font-size:15px!important;line-height:1.7;margin:0 0 12px!important;color:#355b65}
.nk-download-receipt a{display:inline-flex;min-height:44px;align-items:center;font-size:15px!important}
.nk-download-receipt small{display:block;font-size:14px!important;line-height:1.7;color:#536e77;margin-top:10px}
@media(max-width:720px){#payrollAdjustmentModal.nk-inline-amounts .modal-fields{grid-template-columns:1fr}#payrollAdjustmentModal.nk-inline-amounts .nk-amount-total{padding:14px;gap:12px}.nk-amount-total strong{font-size:18px}}

#payrollAdjustmentModal.nk-inline-amounts .toggle-line input[type=checkbox]{width:18px;height:18px;min-height:18px;flex:0 0 18px}
/* On a narrow phone two sticky edges would cover the editable middle cells. */
@media(max-width:720px){
 #view-payroll #nkPayrollSimple .nk-payroll-simple-wrap{overflow:visible;border:0;border-radius:0}
 #view-payroll #nkPayrollSimple table{display:block!important;width:100%!important;min-width:0!important;border:0!important}
 #view-payroll #nkPayrollSimple thead{display:table-header-group!important;position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 #view-payroll #nkPayrollSimple tbody{display:grid!important;gap:16px}
 #view-payroll #nkPayrollSimple tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #dce6e9!important;border-radius:12px;overflow:hidden;background:#fff!important;scroll-margin-block:100px 230px}
 #view-payroll #nkPayrollSimple td{display:flex!important;flex-direction:column;align-items:flex-start;gap:4px;min-width:0!important;max-width:none!important;position:static!important;white-space:normal!important;text-align:left!important;padding:10px 12px!important;border-bottom:1px solid #edf1f2!important}
 #view-payroll #nkPayrollSimple td::before{display:block!important;content:attr(data-label)!important;font-size:14px;line-height:1.5;color:#536e77;font-weight:400}
 #view-payroll #nkPayrollSimple td:first-child{grid-column:1/-1;background:#f7fafb!important}
 #view-payroll #nkPayrollSimple td:first-child::before{display:none!important}
 #view-payroll #nkPayrollSimple td:nth-child(6),#view-payroll #nkPayrollSimple td:last-child{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;min-height:44px}
 #view-payroll #nkPayrollSimple td:last-child{border-bottom:0!important;background:#edf7f5!important}
 #view-payroll #nkPayrollSimple td button{max-width:100%;white-space:normal;min-height:40px;scroll-margin-block:100px 230px}
}
#view-payroll #nkPayrollSimple tr[hidden],#view-payroll #nkPayrollSimple tr.hidden{display:none!important}

@media(max-width:720px){#view-payroll #nkPayrollSimple td{justify-content:flex-start;overflow-wrap:anywhere}#view-payroll #nkPayrollSimple td::before{flex:none!important;position:static!important;margin:0!important}}

/* Equal frames in each desktop row; flexible content keeps document actions aligned. */
:is(#view-payroll #nkPayrollEmbeddedDocuments,#nkPayrollDocumentCenter) .nk-filing-card-compact{display:flex;flex-direction:column}
:is(#view-payroll #nkPayrollEmbeddedDocuments,#nkPayrollDocumentCenter) .nk-filing-card-compact .nk-handoff-actions{margin-top:auto!important;padding-top:24px}

/* P11.47: review decisions beside the amounts, without adding confirmation steps. */
#view-payroll .nk-payroll-inclusion{padding:14px 18px;border:1px solid #d8e6e9;border-radius:10px;background:#f7fafb;margin:16px 0}
#view-payroll .nk-payroll-inclusion>summary{font-size:15px;line-height:1.8;color:#173f48;cursor:pointer;font-weight:600}
#view-payroll .nk-payroll-inclusion>summary span{font-size:14px;color:#04878a;margin-left:12px;font-weight:400}
#view-payroll .nk-payroll-inclusion p,#view-payroll .nk-payroll-inclusion small{font-size:14px;color:#536e77;line-height:1.7}
#view-payroll .nk-payroll-inclusion ul{list-style:none;padding:0;margin:12px 0 0}
#view-payroll .nk-payroll-inclusion li{display:flex;align-items:start;gap:16px;justify-content:space-between;padding:14px 0;border-top:1px solid #e0e9eb;font-size:15px;line-height:1.7}
#view-payroll .nk-payroll-inclusion li>div{flex:1;min-width:0}
#view-payroll .nk-payroll-inclusion li>span{flex:1;min-width:0}
#view-payroll .nk-payroll-inclusion small{display:block}
#view-payroll .nk-payroll-inclusion-count{font-size:15px;color:#536e77;margin:14px 0}
#view-payroll .nk-review-checklist{margin:22px 0;padding:20px;border:1px solid #dce6e9;border-radius:12px;background:#f8fafb}
#view-payroll .nk-review-checklist h4{font-size:17px;margin:0 0 14px}
#view-payroll .nk-review-checklist ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;list-style:none;padding:0;margin:0}
#view-payroll .nk-review-checklist li{display:flex;gap:12px;font-size:15px;line-height:1.7;align-items:baseline}
#view-payroll .nk-review-checklist li strong{flex:0 0 104px;color:#173f48}
#view-payroll .nk-review-checklist li span{color:#536e77}
#view-payroll .nk-review-mark-help{font-size:14px;line-height:1.7;color:#536e77;margin:20px 0 12px;max-width:900px}
#view-payroll .nk-review-variance{margin:12px 0 8px}
#view-payroll .nk-variance-numbers{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding:12px 16px;border:1px solid #daebe8;border-radius:9px;background:#f1f8f6;font-size:14px;line-height:1.7}
#view-payroll .nk-variance-numbers b{display:block;font-size:17px;color:#173f48;font-variant-numeric:tabular-nums}
#view-payroll .nk-variance-numbers>strong{font-size:17px;color:#174e55;font-variant-numeric:tabular-nums}
#view-payroll .nk-review-variance small,#view-payroll .nk-variance-no-base{display:block;font-size:14px;line-height:1.7;color:#536e77;margin-top:8px}
#view-payroll .nk-review-current-items{margin:12px 0;border:0;padding:0}
#view-payroll .nk-review-current-items>summary{font-size:14px;line-height:1.7;color:#355b65}
#view-payroll .nk-review-current-items ul{padding-left:20px;margin:8px 0;font-size:15px;line-height:1.7;overflow-wrap:anywhere}
#view-payroll .nk-payroll-context-help li{font-size:15px;line-height:1.8;margin-bottom:10px}
@media(max-width:720px){#view-payroll .nk-review-checklist{padding:16px}#view-payroll .nk-review-checklist ul{grid-template-columns:1fr}#view-payroll .nk-review-checklist li{display:block}#view-payroll .nk-review-checklist li span{display:block}#view-payroll .nk-payroll-inclusion li{flex-wrap:wrap}#view-payroll .nk-payroll-inclusion li>div,#view-payroll .nk-payroll-inclusion li>span{flex-basis:100%}#view-payroll .nk-variance-numbers{padding:12px;gap:8px 12px}}
/* P11.48: stable comparison source, arithmetic causes, collapsible person reviews. */
#view-payroll .nk-review-list>h4{font-size:16px;margin:24px 0 14px}
#view-payroll details.nk-payroll-review-person{display:block;padding:0;margin:14px 0;border:1px solid #dce6e9;border-radius:12px;background:#fff;overflow:hidden}
#view-payroll .nk-payroll-review-person>summary{display:flex;align-items:center;gap:14px;padding:18px 20px;cursor:pointer;font-size:16px;line-height:1.7;list-style:none}
#view-payroll .nk-payroll-review-person>summary::-webkit-details-marker{display:none}
#view-payroll .nk-payroll-review-person>summary::before{content:'›';font-size:22px;color:#536e77;flex:none;transition:transform .15s}
#view-payroll .nk-payroll-review-person[open]>summary::before{transform:rotate(90deg)}
#view-payroll .nk-payroll-review-person>summary strong{flex:1;min-width:0;overflow-wrap:anywhere}
#view-payroll .nk-review-status{font-size:14px;color:#536e77;flex:none}
#view-payroll .nk-payroll-review-person.is-reviewed>summary{background:#f1f8f6}
#view-payroll .is-reviewed .nk-review-status{color:#087d70}
#view-payroll .nk-review-person-body{padding:0 20px 20px;border-top:1px solid #edf1f2}
#view-payroll .nk-review-person-body>p{margin-top:16px;line-height:1.8}
#view-payroll .nk-review-person-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:20px}
#view-payroll .nk-variance-source{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;font-size:15px;line-height:1.7}
#view-payroll .nk-variance-source a{display:inline-flex;align-items:center;min-height:44px;color:#007b7e;text-decoration:underline;text-underline-offset:3px}
#view-payroll .nk-variance-causes{margin:16px 0;font-size:15px;line-height:1.7}
#view-payroll .nk-variance-causes>div{display:grid;grid-template-columns:minmax(150px,1.4fr) repeat(3,minmax(110px,1fr));gap:16px;padding:16px 0;border-bottom:1px solid #e0e9eb;align-items:center}
#view-payroll .nk-variance-causes dt{font-weight:600}
#view-payroll .nk-variance-causes dt small{color:#536e77;font-size:14px;font-weight:400;margin:0}
#view-payroll .nk-variance-causes dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;min-width:0}
#view-payroll .nk-variance-causes dd span{display:block;font-size:14px;color:#536e77}
#view-payroll .nk-variance-causes dd b{font-size:16px;color:#173f48}
#view-payroll .nk-variance-causes .nk-variance-effect b{color:#087d70}
@media(max-width:720px){
 #view-payroll .nk-payroll-review-person>summary{padding:16px;gap:10px}
 #view-payroll .nk-review-person-body{padding:0 16px 16px}
 #view-payroll .nk-review-status{font-size:14px;max-width:115px}
 #view-payroll .nk-variance-causes>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #view-payroll .nk-variance-causes dt{grid-column:1/-1}
 #view-payroll .nk-variance-causes dd{text-align:left}
 #view-payroll .nk-variance-causes .nk-variance-effect{grid-column:1/-1;padding:10px 12px;border-radius:8px;background:#f1f8f6;text-align:right}
}
/* P11.49: editing stays in place while the previous cell saves. */
#view-payroll .nk-payroll-grid-save-status{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 4px 0;font-size:15px;line-height:1.7;color:#087d70}
#view-payroll .nk-payroll-grid-save-status[hidden]{display:none}
#view-payroll .nk-payroll-grid-save-status.has-error{color:#a33124}
#view-payroll input.payroll-grid-input.saving{background:#f0f8f7;box-shadow:inset 0 0 0 1px #90c9c4}
#view-payroll input.payroll-grid-input.save-error{border-color:#be5142;background:#fff7f5}
#view-payroll input.payroll-grid-input{scroll-margin-block:110px 220px}

#view-payroll .nk-payroll-grid-save-status{min-height:40px}
@media(max-width:720px){#view-payroll .nk-payroll-grid-save-status{min-height:64px}}