/* Styles for the Valuation form */
.valuation-card {
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 0.5rem;
  box-shadow: 0 6px 18px rgba(29,33,41,0.04);
}

.valuation-card .card-body { padding: 1.5rem; }

.valuation-form .form-control,
.valuation-form select {
  height: 46px;
  padding: 0.5rem 0.75rem;
  font-size: 0.95rem;
}

.valuation-form .form-label { font-weight: 600; font-size: 0.9rem; }

.btn-valuation { padding: 0.7rem 1rem; font-size: 1rem; }

.valuation-result {
  background: linear-gradient(180deg, #f8f9fb 0%, #ffffff 100%);
  border: 1px solid rgba(0,0,0,0.04);
}

/* Make inputs and button full width on small screens */
@media (max-width: 767.98px) {
  .valuation-card { margin: 0.75rem; }
  .valuation-card .border-end { border-right: none !important; }
  .valuation-form .form-control { width: 100%; }
  .d-grid { width: 100%; }
}

/* Small tweak to keep the result visually prominent */
.valuation-result .h4 { color: #0b4a6f; }