/* RepuestoApp v5.10 · Distribución del abono inicial por repuesto */
.credit-payment-allocation{
  margin:16px 0;
  padding:16px;
  border:1.3px solid #b9c8e8;
  border-radius:18px;
  background:#fbfcfe;
}
.credit-payment-allocation-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
.credit-payment-allocation-head strong{
  display:block;
  color:#354393;
  font-size:15px;
}
.credit-payment-allocation-head small{
  display:block;
  margin-top:4px;
  color:#7682b6;
  line-height:1.45;
}
.credit-payment-allocation-head .btn{
  min-height:40px;
  padding:0 13px;
  font-size:12px;
  white-space:nowrap;
}
.credit-payment-allocation-list{
  display:grid;
  gap:9px;
}
.credit-payment-allocation-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 190px;
  align-items:center;
  gap:14px;
  margin:0!important;
  padding:12px;
  border:1px solid #d4ddec;
  border-radius:15px;
  background:#fff;
}
.credit-payment-product strong,
.credit-payment-product small{
  display:block;
}
.credit-payment-product strong{
  color:#3d4997;
}
.credit-payment-product small{
  margin-top:4px;
  color:#7b87b8;
}
.credit-payment-input-wrap small{
  display:block;
  margin-bottom:5px;
  color:#6e7aad;
  font-size:11px;
  font-weight:800;
}
.credit-payment-input-wrap input{
  width:100%;
}
.credit-payment-allocation-empty{
  padding:20px;
  border:1px dashed #c6d1e8;
  border-radius:14px;
  color:#7c88b8;
  text-align:center;
}
.credit-payment-allocation-totals{
  display:flex;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:10px 18px;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid #e0e6f1;
  color:#6874aa;
  font-size:13px;
}
.credit-payment-allocation-totals b{
  color:#354393;
}
.credit-payment-allocation-totals b.is-complete{
  color:#079d8e;
}
.credit-payment-allocation-totals b.is-error{
  color:#d53b4e;
}
.credit-products-table .is-paid{
  color:#079d8e;
  font-weight:900;
}
.credit-products-table .is-financed{
  color:#d14a5a;
  font-weight:900;
}
@media(max-width:720px){
  .credit-payment-allocation-head,
  .credit-payment-allocation-row{
    grid-template-columns:1fr;
    display:grid!important;
  }
  .credit-payment-allocation-head .btn{
    width:100%;
  }
}