@import url("./invoice-preview.css");

.field {
  display: grid;
  gap: 6px;
  margin-bottom: 10px;
}

.field:last-child {
  margin-bottom: 0;
}

.field label {
  color: var(--muted);
  font-size: 0.9rem;
}

.field input,
.field select {
  width: 100%;
  background: var(--panel-soft);
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 10px;
  font: inherit;
}

.rate-value {
  font-size: 2rem;
  font-weight: 700;
  color: #93c5fd;
  margin-bottom: 8px;
}

.explanation p {
  margin: 0 0 8px;
}

.explanation p:last-child {
  margin-bottom: 0;
}