.budi-form__block-title {
   font-size: 16px;
   line-height: 1.5;
   color: var(--neutral-black);
}

.budi-form__block-title .budi-form-title-border {
   width: 100%;
   height: 1px;
   background-color: #dddcdf;
}

.budi-form__input-label {
   color: var(--neutral-black);
}

.budi-form__input-field {
   padding: 8px 16px;
   border: 1px solid var(--neutral-400);
   color: var(--neutral-black);
   background-color: var(--neutral-100);
}

.budi-form__input-field::placeholder {
   color: var(--neutral-600);
}

.budi-form__input-field[readonly] {
   background-color: var(--neutral-200);
}

.budi-form__input-btn {
   right: 16px;
}

/* Validation styles */
.budi-form__input-field.input-validation-error {
   border-color: var(--danger) !important;
   box-shadow: 0 0 0 0.2rem rgba(var(--bs-danger-rgb), 0.25);
}

.budi-form__input-field.input-validation-error:focus {
   border-color: var(--danger) !important;
   box-shadow: 0 0 0 0.2rem rgba(var(--bs-danger-rgb), 0.25) !important;
}

.budi-form__input-error-icon {
   right: 16px;
   z-index: 5;
   pointer-events: none;
   display: none;
}

.budi-form__input-field.input-validation-error + .budi-form__input-error-icon {
   display: block;
}

.budi-form__error-message {
   font-size: 14px;
   margin-top: 4px;
   display: block;
   color: var(--danger);
}

.budi-form__error-message:empty {
   display: none;
}

.budi-form__action-btn {
   color: var(--neutral-black);
}

.budi-form__action-btn:hover {
   color: var(--primary);
}

/* Input group */
.budi-form__input--group .budi-form__input-field {
  border-right: 0;
}

.budi-form__input-unit {
  display: inline-flex;
  align-items: center;
  background-color: var(--neutral-100);
  color: var(--neutral-black);
  border: 1px solid var(--neutral-400);
  /* Ensure divider line between input and suffix */
  border-left: 1px solid var(--neutral-400) !important;
}

/* Validation: ensure unit border matches input error state in grouped inputs */
.budi-form__input--group .budi-form__input-field.input-validation-error + .budi-form__input-unit {
  border-color: var(--danger) !important;
}

.budi-form__input--group .budi-form__input-field.input-validation-error:focus + .budi-form__input-unit {
  border-color: var(--danger) !important;
}