#installments .fn-heading,#payments .fn-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}#installments .fn-heading h1,#payments .fn-heading h1,#installments .fn-heading h2,#payments .fn-heading h2{margin:0}#installments .fn-heading p,#payments .fn-heading p{margin:6px 0;color:#64748b}.fn-editor{margin:16px 0 24px;padding:18px 0;border-top:1px solid #d8e1ed;border-bottom:1px solid #d8e1ed}.fn-table{overflow-x:auto;margin:12px 0 24px}.fn-table table{min-width:760px}.fn-table td{max-width:280px;overflow-wrap:anywhere}.fn-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.fn-summary div{padding:14px;border:1px solid #d8e1ed;border-radius:6px;background:#fff}.fn-summary span{display:block;color:#64748b;font-size:13px}.fn-summary strong{display:block;margin-top:4px;font-size:20px}.fn-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;margin:18px 0}.fn-form label{display:flex;flex-direction:column;gap:6px;font-size:14px}.fn-form input,.fn-form select,.fn-form textarea,.fn-search input,.fn-table input,.fn-table select{width:100%;min-width:0;box-sizing:border-box}.fn-form .fn-wide{grid-column:1/-1}.fn-error{color:#b42318;overflow-wrap:anywhere}.fn-search{display:flex;gap:8px;margin:16px 0;max-width:680px}.fn-status{font-weight:600}.fn-paid,.fn-completed{color:#16794a}.fn-late{color:#b42318}.fn-voided,.fn-cancelled{color:#64748b}@media(max-width:850px){.fn-form{grid-template-columns:1fr 1fr}}@media(max-width:600px){#installments .fn-heading,#payments .fn-heading{align-items:stretch;flex-direction:column}.fn-summary,.fn-form{grid-template-columns:1fr}.fn-search{flex-direction:column}}
