/* NEDA Domains RC46.71.2 — isolated unpaid invoice cards. No domain-panel selectors. */
.nd71-invoice-card{display:block;width:100%;box-sizing:border-box;margin:0 0 10px;border:1px solid #dce7f5;border-radius:16px;background:#fff;overflow:hidden}
.nd71-invoice-head{display:grid;width:100%;box-sizing:border-box;grid-template-columns:10px minmax(0,1fr) minmax(105px,auto) 20px;grid-template-areas:"state identity amount arrow" "state date amount arrow";gap:5px 9px;align-items:center;padding:13px 12px;border:0;background:#fff;color:#172554;text-align:right;cursor:pointer;font:inherit}
.nd71-invoice-head:focus-visible{outline:2px solid #1677ff;outline-offset:-2px}
.nd71-invoice-state{grid-area:state;width:9px;height:9px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.12)}
.nd71-invoice-identity{grid-area:identity;display:flex;flex-direction:column;gap:3px;min-width:0}.nd71-invoice-date{grid-area:date;display:flex;align-items:center;gap:5px;min-width:0}.nd71-invoice-amount{grid-area:amount;display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:left;min-width:0}.nd71-invoice-arrow{grid-area:arrow;font-size:18px;color:#789;transition:transform .2s ease}
.nd71-invoice-card.is-open .nd71-invoice-arrow{transform:rotate(180deg)}
.nd71-invoice-head small{font-size:10px;color:#7b879b}.nd71-invoice-head strong,.nd71-invoice-head b{font-size:12px;color:#14213d;white-space:nowrap}.nd71-invoice-date small:after{content:":"}
.nd71-invoice-body{display:block;width:100%;box-sizing:border-box;border-top:1px solid #e8eef7;padding:13px;background:#f8fbff}.nd71-invoice-body[hidden]{display:none!important}
.nd71-loading{display:flex;align-items:center;justify-content:center;gap:8px;min-height:70px;color:#64748b;font-size:11px}.nd71-spinner{display:inline-block;width:16px;height:16px;border:2px solid #bfdbfe;border-top-color:#1677ff;border-radius:50%;animation:nd71spin .7s linear infinite}@keyframes nd71spin{to{transform:rotate(360deg)}}
.nd71-items-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;font-size:12px}.nd71-items-title b{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;padding:0 5px;border-radius:999px;background:#eaf3ff;color:#1677ff}
.nd71-items{display:flex;flex-direction:column;width:100%;box-sizing:border-box;border:1px solid #e5ebf4;border-radius:13px;overflow:hidden;background:#fff}.nd71-item{display:grid;grid-template-columns:24px minmax(0,1fr);gap:7px;padding:10px 11px;border-bottom:1px solid #edf1f6;font-size:11px}.nd71-item:last-child{border-bottom:0}.nd71-item-index{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;background:#f1f5f9;color:#64748b;font-weight:900}.nd71-item-description{line-height:1.7;color:#334155;overflow-wrap:anywhere}.nd71-item-price{grid-column:2;white-space:nowrap;color:#172554}.nd71-item.tax{background:#fffaf0}.nd71-item.credit{background:#f0fdf4}.nd71-empty,.nd71-not-payable,.nd71-error{padding:13px;border-radius:11px;background:#fff7ed;color:#9a3412;font-size:11px;line-height:1.8}.nd71-error p{margin:4px 0 8px}.nd71-error button{border:0;border-radius:8px;padding:7px 11px;background:#fff;color:#c2410c;cursor:pointer}
.nd71-total{display:flex;align-items:center;justify-content:space-between;padding:13px 3px 4px;font-size:12px}.nd71-total strong{font-size:15px;color:#0f7b3e}.nd71-payment-footer{margin-top:10px}.nd71-pay{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:0 14px;border:0;border-radius:12px;background:#1677ff;color:#fff;font-weight:900;cursor:pointer}.nd71-pay:disabled{opacity:.65;cursor:wait}
.nd71-preflight{margin-bottom:10px;padding:12px;border:1px solid #bfdbfe;border-radius:13px;background:#eff6ff}.nd71-preflight.error{border-color:#fecaca;background:#fef2f2;color:#991b1b}.nd71-preflight>strong{font-size:12px}.nd71-preflight>p{margin:4px 0 8px;font-size:10px;line-height:1.8}.nd71-price-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px dashed #bfdbfe;font-size:10px}.nd71-price-row>span{display:flex;flex-direction:column;gap:3px}.nd71-price-row>span:last-child{align-items:flex-end}.nd71-price-row strong{color:#0f7b3e}.nd71-preflight-actions{display:flex;gap:8px;margin-top:10px}.nd71-preflight-actions button,.nd71-preflight.error button{flex:1;border:0;border-radius:9px;padding:9px;font-weight:900;cursor:pointer}.nd71-preflight-actions button:first-child{background:#fff;color:#475569}.nd71-preflight-actions button:last-child{background:#1677ff;color:#fff}

/* RC46.71.1 — prevent flex-column invoice cards from shrinking when one expands. */
#ndCustomerUnpaidInvoiceList.nd-customer-invoice-list{
  align-items:stretch!important;
}
#ndCustomerUnpaidInvoiceList > .nd71-invoice-card{
  flex:0 0 auto!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
}
#ndCustomerUnpaidInvoiceList > .nd71-invoice-card .nd71-invoice-head{
  flex:none!important;
  min-height:86px!important;
  height:auto!important;
}
#ndCustomerUnpaidInvoiceList > .nd71-invoice-card .nd71-invoice-body{
  flex:none!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}


/* RC46.71.2 — clearer expanded card and balance shown only in payment button. */
#ndCustomerUnpaidInvoiceList > .nd71-invoice-card{
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,transform .18s ease!important;
}
#ndCustomerUnpaidInvoiceList > .nd71-invoice-card.is-open{
  border-color:#2f80ff!important;
  background:#f8fbff!important;
  box-shadow:0 0 0 2px rgba(47,128,255,.10),0 10px 28px rgba(37,99,235,.14)!important;
}
#ndCustomerUnpaidInvoiceList > .nd71-invoice-card.is-open .nd71-invoice-head{
  background:linear-gradient(180deg,#ffffff 0%,#f5f9ff 100%)!important;
}
#ndCustomerUnpaidInvoiceList > .nd71-invoice-card.is-open .nd71-invoice-body{
  border-top-color:#cfe0ff!important;
  background:#f7faff!important;
}
.nd71-total{display:none!important;}
.nd71-pay{gap:12px!important;}
.nd71-pay>span{font-size:12px!important;}
.nd71-pay>b{font-size:13px!important;white-space:nowrap!important;}