/* PAYMENTS — aging colours, payments tab, chart */
/* Auto-split from index.html */

/* ══ INVOICE AMOUNT AGING COLORS ══ */
.inv-amt-default { color: var(--text2); }
.inv-amt-paid    { color: var(--success) !important; font-weight:700; }
.inv-amt-warn    { color: var(--warn) !important; font-weight:700; }
.inv-amt-danger  { color: var(--danger) !important; font-weight:700; }
@keyframes blink-danger {
  0%,100%{opacity:1} 50%{opacity:0.25}
}
.inv-amt-blink { color: var(--danger) !important; font-weight:700; animation: blink-danger 1.1s ease-in-out infinite; }

/* ══ PAYMENTS PAGE ══ */
/* Custom pay checkbox */
.pay-tick-box {
  width:26px; height:26px; border-radius:6px; border:2px solid var(--border);
  background:#fff; cursor:pointer; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  transition:all .15s;
}
.pay-tick-box.checked {
  background:var(--green); border-color:var(--green);
}
.pay-tick-box svg { display:none; }
.pay-tick-box.checked svg { display:block; }
/* Date received input in pay row */
.pay-date-input {
  font-size:11px; padding:4px 7px; border:1.5px solid var(--border);
  border-radius:6px; background:var(--card2); color:var(--text);
  font-family:inherit; width:130px; flex-shrink:0;
  transition:border-color .2s;
}
.pay-date-input:focus { border-color:var(--green); outline:none; background:#fff; }

.pay-customer-row {
  display:flex; align-items:center; justify-content:space-between;
  padding:13px 14px; background:#fff; border-bottom:1px solid var(--border);
  cursor:pointer; transition:background .15s;
}
.pay-customer-row:hover { background:var(--green-light); }
.pay-cust-name { font-size:14px; font-weight:700; color:var(--text); }
.pay-cust-meta { font-size:11px; color:var(--text3); margin-top:2px; }
.pay-cust-amount { font-size:15px; font-weight:800; color:var(--danger); white-space:nowrap; }
.pay-cust-amount.partial { color:var(--warn); }
.pay-cust-amount.clear { color:var(--success); }
.pay-invoice-row {
  display:flex; align-items:center; gap:10px;
  padding:11px 14px; background:#fff; border-bottom:1px solid var(--border);
}
.pay-inv-check { width:20px; height:20px; accent-color:var(--green); cursor:pointer; flex-shrink:0; }
.pay-inv-info { flex:1; min-width:0; }
.pay-inv-num { font-size:13px; font-weight:700; color:var(--green-dark); }
.pay-inv-meta { font-size:11px; color:var(--text3); margin-top:1px; }
.pay-inv-amount { font-size:14px; font-weight:800; color:var(--text); white-space:nowrap; }
.pay-inv-amount.paid { color:var(--success); text-decoration:line-through; opacity:.6; }
.pay-total-bar {
  position:sticky; bottom:62px; background:#fff;
  border-top:2px solid var(--green); padding:12px 14px;
  display:flex; justify-content:space-between; align-items:center;
  box-shadow:0 -4px 12px rgba(0,0,0,.08);
}
.pay-total-label { font-size:12px; color:var(--text3); font-weight:600; }
.pay-total-val { font-size:18px; font-weight:800; color:var(--green-dark); }
.pay-total-val.partial { color:var(--warn); }
.pay-btn-row {
  display:flex; gap:8px; padding:10px 14px 14px;
  background:#fff; border-top:1px solid var(--border);
}
.pay-empty {
  text-align:center; padding:48px 20px;
  color:var(--text3); font-size:14px;
}
.pay-empty-icon { font-size:40px; margin-bottom:10px; }
#pay-detail { display:none; }

/* ══ CUSTOMER SALES CHART ══ */
#rep-byclient-chart { display:none; }