.calculator-form {
  display: grid;
  gap: var(--space-3);
  padding: var(--space-3);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: var(--shadow-soft);
}

.field {
  display: grid;
  gap: 0.35rem;
}

.field--full {
  grid-column: 1 / -1;
}

label {
  font-size: 0.95rem;
  font-weight: 700;
}

input,
select {
  width: 100%;
  min-height: 42px;
  padding: 0.62rem 0.75rem;
  color: var(--color-text);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: #ffffff;
}

select {
  appearance: none;
  padding-right: 2.4rem;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--color-primary-dark) 50%),
    linear-gradient(135deg, var(--color-primary-dark) 50%, transparent 50%);
  background-position:
    calc(100% - 1.25rem) 50%,
    calc(100% - 0.92rem) 50%;
  background-size: 0.36rem 0.36rem, 0.36rem 0.36rem;
  background-repeat: no-repeat;
}

input:focus,
select:focus {
  border-color: var(--color-primary);
  outline: 3px solid var(--color-focus);
  outline-offset: 1px;
}

[aria-invalid="true"] {
  border-color: var(--color-error);
}

.field-error,
.field-help {
  margin-bottom: 0;
  font-size: 0.84rem;
  line-height: 1.3;
}

.field-error {
  color: var(--color-error);
}

.field-help {
  color: var(--color-muted);
}