.record-stage h1{font:650 28px 'Segoe UI',Tahoma,sans-serif;letter-spacing:-.5px}
.record-stage main{max-width:1400px;padding-top:24px}
.record-stage .page-heading{margin-bottom:18px}
.record-stage .panel{padding:20px}
.record-stage .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.record-stage fieldset{border:0;padding:0;margin:0;min-width:0}
.record-stage fieldset:disabled{opacity:.8}
.record-stage #initialPayment{padding:12px 16px;margin:12px 0;background:var(--soft);border-left:3px solid var(--green)}
.record-stage .detail-grid>div{border:1px solid var(--line);border-radius:6px}
.record-stage .detail-grid strong{font-size:19px;overflow-wrap:anywhere}
.record-stage .table-scroll{max-height:420px}
.record-stage td{overflow-wrap:anywhere}
.record-stage .row-actions{display:flex;gap:8px;flex-wrap:wrap;min-width:140px}
.record-stage .row-actions button{white-space:nowrap}
.record-stage .detail-grid .positive{color:var(--green)}
.record-stage #taskWarning{margin:10px 0}
.record-stage #openingHelp{margin:14px 0}
.record-stage #invoiceContext,.record-stage #paymentContext{white-space:pre-line}
.record-stage .dialog-error{margin-bottom:0}
.record-stage.embedded .page-heading{display:flex}
.record-stage.embedded .page-heading p:not(.eyebrow){display:none}
.record-stage.embedded main{padding:14px}
.record-stage.embedded h1{font-size:24px}
@media(max-width:600px){.record-stage .form-grid{grid-template-columns:1fr}.record-stage .page-heading{align-items:stretch}.record-stage #addInvoice{width:100%}.record-stage h1{font-size:24px}.record-stage .panel{padding:14px}.record-stage .filters{grid-template-columns:1fr}.record-stage .wide{grid-column:auto}}