.payroll-entry{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;margin-bottom:24px}.payroll-entry p{margin:6px 0 0;color:#526b86}#payroll-dialog{width:min(1120px,96vw);max-height:92dvh;padding:0;border:0;border-radius:16px}#payroll-dialog[open]{display:flex;flex-direction:column;overflow:hidden}#payroll-dialog .drawer-body{flex:1;min-height:0;overflow:auto;max-height:none}#payroll-dialog .drawer-header,#payroll-dialog .drawer-footer{flex-shrink:0}.payroll-controls{display:flex;align-items:flex-end;gap:16px;margin-bottom:22px}.payroll-controls .field{max-width:240px}.payroll-filter{display:flex;gap:10px;align-items:center;margin:22px 0}.payroll-filter input{width:18px;height:18px}.payroll-table td{vertical-align:top;white-space:nowrap}.payroll-table td:first-child{white-space:normal;min-width:230px}.payroll-table small{display:block;color:#526b86;margin-top:5px}.payroll-table details{margin-top:10px;font-size:13px}.payroll-table summary{color:#2764c2;cursor:pointer}.payroll-order{margin:12px 0}.payroll-date-caption{margin-bottom:18px}#payroll-print{display:none}.payroll-screen>.subtle{margin-top:18px}
@media(max-width:640px){.payroll-entry{align-items:stretch;flex-direction:column;padding:18px}#payroll-dialog{width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0}#payroll-dialog .drawer-header,#payroll-dialog .drawer-body,#payroll-dialog .drawer-footer{padding:16px}.payroll-controls{align-items:stretch;flex-direction:column}.payroll-controls .field{max-width:none}#payroll-date{font-size:16px}#payroll-dialog .drawer-footer{flex-wrap:wrap;gap:12px}#payroll-dialog .drawer-footer>small{width:100%}#payroll-dialog .instruction-actions{width:100%}#payroll-dialog .instruction-actions .button{flex:1;min-height:44px}}
@media print{@page{size:A4 landscape;margin:14mm}body:has(#payroll-dialog[open])>*:not(#payroll-dialog){display:none!important}body:has(#payroll-dialog[open]){background:#fff!important;overflow:visible!important}#payroll-dialog[open]{display:block!important;position:static!important;inset:auto!important;width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;margin:0!important;overflow:visible!important;border:0!important;box-shadow:none!important}#payroll-dialog::backdrop{display:none!important}#payroll-dialog .drawer-header,#payroll-dialog .drawer-footer,#payroll-dialog .drawer-body>*:not(#payroll-print){display:none!important}#payroll-dialog .drawer-body{padding:0!important;overflow:visible!important;max-height:none!important}#payroll-print{display:block!important;color:#000;font:11pt Arial,sans-serif}#payroll-print h1{font-size:18pt}#payroll-print table{width:100%;border-collapse:collapse;margin:20px 0}#payroll-print th,#payroll-print td{border:1px solid #777;padding:10px;text-align:left;background:#fff;color:#000}#payroll-print tr{break-inside:avoid}#payroll-print th:last-child{width:25%}#payroll-print thead{display:table-header-group}#payroll-print tfoot{display:table-row-group}}