.fi{color:var(--text-primary,#243047);min-width:0}.fi *{box-sizing:border-box}.fi-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.fi h2{font-size:19px;display:flex;align-items:center;gap:9px;margin:0 0 6px}.fi-heading p,.fi-help{color:#64748b;font-size:13px;line-height:1.5;margin:0}.fi-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fi button,.fi a{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dce1e9;border-radius:8px;padding:9px 12px;font:600 13px system-ui;background:white;color:#344256;cursor:pointer;min-height:40px;text-decoration:none}.fi button:hover,.fi a:hover{border-color:#9b7ce8;background:#faf7ff}.fi button:disabled{opacity:.6;cursor:wait}.fi .fi-primary{background:#7137ff;border-color:#7137ff;color:white}.fi .fi-delete{color:#b42332}.fi-list{display:grid;gap:14px}.fi-invoice{border:1px solid #e2e6ee;border-radius:12px;background:white;padding:18px}.fi-selected{border-color:#b99bf4}.fi-invoice-top{display:flex;align-items:center;gap:12px}.fi-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;color:#7137ff;background:#f1eaff;border-radius:10px}.fi-identity{display:grid;gap:4px;flex:1;min-width:0}.fi-identity strong{font-size:14px;overflow-wrap:anywhere}.fi-identity>span{color:#64748b;font-size:12px;line-height:1.5}.fi-status{display:inline-flex;gap:4px;align-items:center;font-size:12px;font-weight:650;padding:5px 9px;background:#f1f5f9;border-radius:20px;white-space:nowrap}.fi .fi-paid{background:#e6f7ed;color:#16754a}.fi-partially_paid{background:#fff3dc;color:#926000}.fi-unpaid{background:#edf3ff;color:#275cb5}.fi-voided{background:#f3f4f6;color:#64748b}.fi-description{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;margin:15px 0}.fi-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0;padding:13px 0;border-block:1px solid #edf0f5}.fi-amounts>div{display:grid;gap:5px;min-width:0}.fi-amounts span{font-size:12px;color:#64748b}.fi-amounts strong{font-size:17px;color:#182335;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.fi label{display:grid;gap:7px;font-size:13px;font-weight:600;min-width:0}.fi input,.fi select,.fi textarea{width:100%;padding:11px;border:1px solid #dce1e9;border-radius:8px;background:white;color:#243047;font:15px system-ui;min-width:0}.fi input:focus,.fi select:focus,.fi textarea:focus{outline:2px solid #bca4ff;outline-offset:1px}.fi textarea{min-height:95px;resize:vertical}.fi-form{padding:20px;border:1px solid #e2e6ee;border-radius:12px;background:white}.fi fieldset{border:0;padding:0;margin:0;min-width:0;display:grid;gap:18px}.fi-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fi .fi-check{display:flex;align-items:center;gap:10px;font-weight:400;margin-top:16px}.fi-check input{width:18px;height:18px;accent-color:#7137ff}.fi-error,.fi-notice{padding:12px 15px;border-radius:9px;font-size:14px;line-height:1.5;background:#fef0f0;color:#ac2634}.fi-notice{background:#eaf8ef;color:#216543}.fi-empty{text-align:center;padding:28px;background:white;border:1px dashed #dce1e9;border-radius:12px;color:#64748b}.fi-empty h3{font-size:16px;color:#243047}.fi-empty p{font-size:14px}.fi-copy{margin-top:15px}.fi-history{margin-top:16px;font-size:13px}.fi-history summary{cursor:pointer;color:#5f6275;padding:8px 0}.fi-history>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #edf0f5}.record-detail-panel .jd-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}.record-detail-panel .jd-tabs .jd-customer_portal{grid-column:auto}
@media(max-width:767px){.fi-heading{flex-direction:column}.fi-heading>.fi-actions{width:100%}.fi-heading>.fi-actions>.fi-primary{flex:1}.fi-invoice{padding:14px}.fi-form{padding:15px}.fi button,.fi a{min-height:44px}.fi input,.fi select,.fi textarea{font-size:16px}.fi-amounts{gap:8px}.fi-amounts strong{font-size:16px}.fi-identity>span{font-size:11px}.fi-status{font-size:11px}.record-detail-panel .jd-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.record-detail-panel .jd-tabs .jd-customer_portal{grid-column:auto}}
@media(max-width:420px){.fi-fields{grid-template-columns:1fr}.fi-invoice-top{gap:8px}.fi-icon{width:36px;height:36px}.fi-invoice .fi-actions>*{flex:1 1 calc(50% - 8px)}.fi-invoice .fi-actions>.fi-primary{flex-basis:100%}}