/* Debt Styles */

/* Compact, scannable debt rows: name + remaining (the key number), a slim
   amber progress bar, and a repaid/total caption. Many debts fit at a glance. */
.debts-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
/* 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;
}