/* v0.8.2 — richer credit cards on loans list */
#pageCredits #loans .loan.loan-v082{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:start;
  padding:12px;
  border-radius:16px;
}
#pageCredits #loans .loan-v082-left{min-width:0}
#pageCredits #loans .loan-v082-head{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:start}
#pageCredits #loans .loan-avatar{
  width:42px;height:42px;border-radius:12px;overflow:hidden;border:1px solid #d6e3df;background:#eef5f2;color:#335b51;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:16px;
}
#pageCredits #loans .loan-avatar-img{width:100%;height:100%;object-fit:cover;display:block}
#pageCredits #loans .loan-v082-main{min-width:0;display:grid;gap:5px}
#pageCredits #loans .loan-v082-topline{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}
#pageCredits #loans .loan-v082-topline h3{margin:0;font-size:18px;line-height:1.1;color:#0e2b24}
#pageCredits #loans .loan-tax{font-size:10px;color:#6c8179;font-weight:700;white-space:nowrap}
#pageCredits #loans .loan-v082-phone-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
#pageCredits #loans .loan-phone-value{font-size:12px;color:#183a32;font-weight:700;white-space:nowrap}
#pageCredits #loans .loan-phone-value.muted{color:#8aa096}
#pageCredits #loans .loan-call-btn{
  width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid #cfe0d9;background:#fff;color:#0c5fbb;font-size:12px;text-decoration:none;flex:0 0 24px;
}
#pageCredits #loans .loan-call-btn.is-disabled{opacity:.45;color:#7f918a;background:#f4f7f6}
#pageCredits #loans .loan-contract-no{font-size:11px;color:#6a8177;white-space:nowrap}
#pageCredits #loans .loan-v082-meta{display:flex;gap:6px;flex-wrap:wrap}
#pageCredits #loans .loan-meta-chip{
  display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;background:#f2f7f5;border:1px solid #dce7e2;color:#567267;font-size:10px;font-weight:700;
}
#pageCredits #loans .loan-meta-chip-danger{background:#fff1f3;border-color:#f2d1d8;color:#b3465c}
#pageCredits #loans .loan-meta-chip-warn{background:#fff7e8;border-color:#eddcb3;color:#9c7020}
#pageCredits #loans .loan-v082-tags{margin-top:0}
#pageCredits #loans .loan-v082-right{gap:6px;min-width:92px}
#pageCredits #loans .loan-v082-right .sum{font-size:18px;line-height:1.05}
#pageCredits #loans .loan-v082-right .badge{align-self:flex-end}

@media(max-width:430px){
  #pageCredits #loans .loan.loan-v082{padding:10px;gap:8px;grid-template-columns:minmax(0,1fr) 94px}
  #pageCredits #loans .loan-v082-head{grid-template-columns:38px minmax(0,1fr);gap:8px}
  #pageCredits #loans .loan-avatar{width:38px;height:38px;border-radius:10px}
  #pageCredits #loans .loan-v082-topline h3{font-size:15px}
  #pageCredits #loans .loan-tax{font-size:9px}
  #pageCredits #loans .loan-phone-value{font-size:11px}
  #pageCredits #loans .loan-contract-no{font-size:10px}
  #pageCredits #loans .loan-meta-chip{font-size:9px;min-height:20px;padding:0 7px}
  #pageCredits #loans .loan-v082-right .sum{font-size:16px}
}


/* v0.8.3 — authenticated list avatars + requested date/payment labels */
#pageCredits #loans .loan-avatar-stack{
  position:relative;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
#pageCredits #loans .loan-avatar-stack .loan-avatar-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:none;
}
#pageCredits #loans .loan-avatar-stack .loan-avatar-img.is-loaded{display:block}
#pageCredits #loans .loan-avatar-stack.has-image .loan-avatar-fallback{visibility:hidden}
#pageCredits #loans .loan-date-range{font-variant-numeric:tabular-nums}
#pageCredits #loans .loan-payment-chip{
  background:#eef6ff;
  border-color:#d6e6f6;
  color:#315f8a;
  font-weight:800;
}