#customersView .customer-due-cell {
  min-width: 126px;
}

#customersView .customer-due-cell .sfu-due,
#customersView .customer-due-card .sfu-due,
#customersView [data-customer-due-twin] .sfu-due,
#customersView .customer-due-detail .sfu-due {
  width: 100%;
  max-width: 180px;
}

#customersView .customer-due-card,
#customersView .customer-due-detail {
  display: flex;
  align-items: center;
  gap: 10px;
}

#customersView .customer-due-card {
  justify-content: space-between;
}

#customersView .customer-due-detail {
  margin-left: auto;
  min-width: 150px;
  flex-direction: column;
  align-items: flex-start;
}

#customersView .customer-due-label,
#customersView .customer-due-unavailable {
  color: #8a94a3;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

@media (max-width: 900px) {
  #customersView .customer-due-detail {
    margin-left: 0;
    width: 100%;
  }
}