.invoice-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.invoice-form,.invoice-summary,.invoice-preview{padding:28px;min-width:0}.invoice-form{max-width:840px}.invoice-form h2,.invoice-summary h2{margin-bottom:16px}.invoice-form p,.invoice-summary p{margin-bottom:20px;max-width:68ch;line-height:1.6}.invoice-form form{margin-top:24px}.invoice-form .panel-head{padding:0;margin-bottom:24px}.invoice-summary{display:grid;gap:16px}.invoice-summary p{margin:0}.invoice-summary-row{display:flex;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--border-hairline)}.invoice-preview-head{display:flex;justify-content:space-between;gap:24px;margin-bottom:32px}.invoice-preview-head h2{margin-bottom:8px}.invoice-amount{font-family:var(--font-mono);display:block;font-size:28px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.invoice-parties h3,.invoice-notes h3{margin-bottom:12px}.invoice-parties p{line-height:1.6;margin-bottom:12px;overflow-wrap:anywhere}.invoice-muted{display:block;margin-top:6px;color:var(--text-muted);font-size:12px}.invoice-notes{margin-top:28px;padding-top:24px;border-top:1px solid var(--border-hairline)}.invoice-confirm{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;margin-bottom:20px}.invoice-confirm input{width:18px;height:18px;flex-shrink:0;accent-color:var(--accent-primary-hover)}.invoice-email-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:24px 0!important}.invoice-summary form .button{width:100%}.invoice-preview table{white-space:normal}.invoice-preview td{vertical-align:top}.invoice-form summary{cursor:pointer;padding:16px 0}.invoice-form .form-field input[type=checkbox]{width:18px;min-height:18px}.invoice-form .form-field{margin-bottom:20px}@media(max-width:1000px){.invoice-workspace{grid-template-columns:1fr}.invoice-summary{max-width:none}.invoice-form{max-width:none}}@media(max-width:650px){.invoice-form,.invoice-summary,.invoice-preview{padding:20px}.invoice-preview-head,.invoice-parties{display:block}.invoice-preview-head>div+div,.invoice-parties>div+div{margin-top:24px}.invoice-amount{font-size:26px}.invoice-preview table td{font-size:12px}.invoice-form input,.invoice-form textarea,.invoice-form select{font-size:16px}}