#editor.payroll-item-dialog{box-sizing:border-box;width:calc(100vw - 32px);max-width:1800px;max-height:calc(100dvh - 32px);padding:24px;overflow:auto}
#editor.payroll-item-dialog #form{min-width:0;max-width:none;width:100%}
#editor.payroll-item-dialog #fields{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
#editor.payroll-item-dialog #fields>label{min-width:0}
#editor.payroll-item-dialog #payrollItemPreview{grid-column:1/-1;min-width:0;width:100%;margin-top:12px}
#editor.payroll-item-dialog #payrollItemPreview table{width:100%;min-width:950px;table-layout:auto}
#editor.payroll-item-dialog #payrollItemPreview td{vertical-align:top;white-space:normal;overflow-wrap:anywhere}
#editor.payroll-item-dialog #payrollItemPreview th:last-child,#editor.payroll-item-dialog #payrollItemPreview td:last-child{text-align:right;white-space:nowrap}
#editor.payroll-item-dialog #repeater{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
#editor.payroll-item-dialog #repeater>h3{grid-column:1/-1}
#editor.payroll-item-dialog #repeatRows{display:contents}
#editor.payroll-item-dialog .repeat-row{min-width:0;margin:0;padding:16px}
#editor.payroll-item-dialog .repeat-row .grid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:16px;align-items:start}
.payroll-source-name{display:block;font-weight:600;padding:10px 0;overflow-wrap:anywhere}
.payroll-mapping-help{font-size:13px;line-height:1.5;color:#53616a;margin:10px 0 0;overflow-wrap:anywhere}
@media(max-width:1000px){#editor.payroll-item-dialog #repeater{grid-template-columns:1fr}}
@media(max-width:700px){#editor.payroll-item-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:14px}#editor.payroll-item-dialog #fields{grid-template-columns:1fr}#editor.payroll-item-dialog .repeat-row .grid{grid-template-columns:1fr}}