/* Debt Styles */

.debts-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1.5rem;
}

/* Debt Form Styles */

.debt-form {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

.debt-form__container {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

.debt-form .form-field {
  margin-bottom: 0.5rem !important;
}

/* Toggle Button for More Details */
.debt-form__toggle {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Optional Fields */
.debt-form__optional-fields {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border-default);
}

.debt-form__optional-fields.hidden {
  display: none;
}

/* Form Actions */
.debt-form__actions {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 1.25rem;
}