@use '../atoms/variables' as *;
@use '../atoms/mixins' as *;

// ─── Entry Form Card ─────────────────────────────────────────────────────────
.entry-form {
  @include card($color-card);
  padding: $space-6 $space-8;
}

.entry-form__grid {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: $space-4 $space-6;
  align-items: center;
}

.entry-form__label {
  font-size: $font-size-base;
  font-weight: $font-weight-regular;
  color: $color-text-base;
  text-align: right;
  padding-right: $space-2;
  white-space: nowrap;
}

.entry-form__field {
  display: flex;
  align-items: center;
  gap: $space-2;
}

.entry-form__field--rate {
  gap: $space-2;
}

.entry-form__unit {
  color: $color-text-muted;
  font-size: $font-size-sm;
}

.input--rate {
  width: 100px;
}

.entry-form__field--selects {
  display: flex;
  gap: $space-3;
  flex-wrap: wrap;

  .select {
    flex: 1;
    min-width: 180px;
  }
}

.entry-form__actions {
  grid-column: 2;
  display: flex;
  align-items: center;
  gap: $space-4;
  padding-top: $space-2;
}