/* Isolated to the administrative payroll detail dialog. */
#modal.payroll-dialog[open]{width:min(1120px,calc(100% - 48px));max-width:1120px;max-height:92dvh;padding:28px 32px 20px;display:flex;flex-direction:column;overflow:hidden;background:#fff}
#modal.payroll-dialog .modal-header{flex-shrink:0;align-items:flex-start;margin-bottom:16px;min-height:32px}#modal.payroll-dialog .modal-header h2{font-size:27px;letter-spacing:-.035em}#modal.payroll-dialog #closeModal{background:transparent;width:30px;height:30px;font-size:25px}
#modal.payroll-dialog #modalBody{min-height:0;display:flex;flex-direction:column;overflow:hidden}#modal.payroll-dialog p{margin:0;font-size:13px;line-height:1.5}.payroll171-detail{display:flex;flex-direction:column;min-height:0;color:#102747}.payroll171-hero{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start;margin-bottom:24px}.payroll171-hero h3{font-size:18px;margin:0 0 7px;letter-spacing:-.025em}.payroll171-hero p{color:#6b809a}.payroll171-summary{display:grid;gap:4px;border-radius:11px;background:#eaf8f1;padding:17px 21px;margin-top:-53px;margin-right:14px}.payroll171-summary span,.payroll171-summary small{color:#5b778d;font-size:12px}.payroll171-summary strong{font-size:29px;line-height:1.3;letter-spacing:-.03em}.payroll171-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #edf1f7;padding-top:16px;margin-bottom:18px;flex-shrink:0}.payroll171-tabs{display:flex;gap:3px;background:#f6f9fd;border:1px solid #dce8f8;border-radius:9px;padding:3px}.payroll171-tabs button{border:0;background:transparent;color:#254469;padding:10px 18px;font-size:12px;border-radius:6px;min-height:36px}.payroll171-tabs button.active{background:#0867f2;color:white;box-shadow:0 2px 5px #0867f230}.payroll171-sort{display:flex;align-items:center;gap:8px;margin:0;font-weight:500}.payroll171-sort svg{width:19px;height:19px;color:#0867f2}.payroll171-sort select{width:auto;min-width:215px;min-height:40px;margin:0;border:1px solid #dce8f8;padding:8px 12px;font-size:12px}.payroll171-scroll{overflow:auto;min-height:120px;padding-right:5px;scrollbar-gutter:stable}.payroll171-list{display:grid;gap:12px}.payroll171-service{display:grid;grid-template-columns:225px minmax(130px,1fr) auto;grid-template-rows:auto auto;gap:12px 18px;border:1px solid #e1e9f4;border-radius:13px;padding:19px 20px;background:white}.payroll171-date{grid-row:1/3;display:flex;align-items:center;gap:12px;border-right:1px solid #e4ebf5;padding-right:15px}.payroll171-date svg{width:25px;height:25px;color:#0867f2;flex-shrink:0}.payroll171-date>div{display:grid;gap:5px}.payroll171-date strong{font-size:14px;text-transform:capitalize}.payroll171-date span{font-size:13px;color:#4d6c91}.payroll171-info{display:grid;gap:5px;min-width:0}.payroll171-info strong{font-size:15px}.payroll171-info span{font-size:13px;overflow-wrap:anywhere}.payroll171-info small{font-size:11px;color:#7d90aa}.payroll171-state{grid-column:3;grid-row:1;padding-top:28px}.payroll171-pill{display:inline-flex;border-radius:22px;padding:6px 12px;font-size:11px;font-weight:650;white-space:nowrap}.payroll171-pill.pending{background:#fff3dd;color:#996000}.payroll171-pill.completed{background:#e5f6ef;color:#19714f}.payroll171-pill.removed{background:#fff0f1;color:#b33b4b}.payroll171-amount{grid-column:3;grid-row:1;justify-self:end;align-self:start;font-size:15px;white-space:nowrap}.payroll171-amount small{font-size:12px;font-weight:500}.payroll171-actions{grid-column:2/4;grid-row:2;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:9px}.payroll171-actions .button{min-height:39px;padding:9px 12px;font-size:11px;gap:7px;white-space:nowrap;border-radius:7px}.payroll171-actions svg{width:17px;height:17px}.payroll171-actions .payroll171-delete{border-color:#ff536e;color:#e2284d}.payroll171-actions .payroll171-delete:hover{background:#fff3f5}.payroll171-reason{grid-column:2/4;color:#6c7d90;font-size:12px}.payroll171-secondary{border-top:1px solid #e5edf6;padding:15px 0;margin-top:14px;font-size:13px}.payroll171-secondary summary{cursor:pointer;font-weight:650;color:#476987}.payroll171-secondary[open] summary{margin-bottom:12px}.payroll171-footer{flex-shrink:0;display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:17px;padding-top:16px;border-top:1px solid #e7edf5}.payroll171-footer p{color:#4e6d91!important;font-size:11px!important}.payroll171-footer .button{min-height:39px;font-size:12px}.payroll171-detail>.notice{flex-shrink:0;margin-bottom:14px!important}.payroll171-service.is-removed{background:#fffcfc}
@media(max-width:1000px){.payroll171-service{grid-template-columns:205px minmax(100px,1fr) auto;gap:12px}.payroll171-date{padding-right:12px}.payroll171-actions .button{font-size:11px}.payroll171-tabs button{padding:10px 14px}}
@media(max-width:740px){#modal.payroll-dialog[open]{width:calc(100% - 20px);max-height:94dvh;padding:18px 16px}#modal.payroll-dialog .modal-header h2{font-size:23px}.payroll171-hero{grid-template-columns:1fr;gap:14px;margin-bottom:16px}.payroll171-summary{margin:0;padding:13px 16px}.payroll171-summary strong{font-size:25px}.payroll171-hero h3{font-size:16px}.payroll171-toolbar{flex-direction:column;align-items:stretch;gap:10px}.payroll171-tabs{width:100%}.payroll171-tabs button{flex:1;padding:9px 6px;font-size:11px}.payroll171-sort{justify-content:flex-end}.payroll171-sort select{flex:1;min-width:0}.payroll171-service{grid-template-columns:1fr auto;padding:15px;gap:13px}.payroll171-date{grid-column:1/3;grid-row:1;border-right:0;border-bottom:1px solid #e8eef6;padding:0 0 11px;align-items:flex-start}.payroll171-date>div{display:flex;flex-direction:column}.payroll171-info{grid-column:1/3;grid-row:2;padding-right:70px}.payroll171-state{grid-column:1/3;grid-row:3;padding:0}.payroll171-amount{grid-column:2;grid-row:2;font-size:14px;display:grid;text-align:right}.payroll171-actions{grid-column:1/3;grid-row:4;justify-content:flex-start}.payroll171-actions .button{min-height:40px;white-space:normal}.payroll171-reason{grid-column:1/3}.payroll171-footer{gap:12px}.payroll171-footer p{font-size:10px!important}}
/* Keep the summary wholly inside the scroll container's visible bounds. */
.payroll171-summary{margin-top:0}.payroll171-hero{align-items:center}.payroll171-service{padding:14px 18px;gap:9px 18px}.payroll171-info{gap:3px}.payroll171-footer p{display:flex;align-items:center;gap:7px}.payroll171-footer p svg{width:16px;height:16px;flex-shrink:0}
@media(max-width:740px){.payroll171-service{padding:15px;gap:13px}}