/* Only the insurance and property contact forms load these styles. */
.lead-form { min-width: 0; }
.lead-form .field { min-width: 0; }
.lead-form .field input, .lead-form .field select, .lead-form .field textarea { min-width: 0; width: 100%; }
.lead-form .form-note { color: var(--muted); font-size: .8rem; line-height: 1.75; }
.lead-form .form-note a, .lead-form .consent a { color: var(--heading); text-decoration: underline; text-underline-offset: 3px; }
.lead-form [hidden] { display: none !important; }
.lead-form button:disabled { opacity: .55; cursor: wait; transform: none; }
.lead-form .line-review { padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg); min-width: 0; }
.lead-form .line-status { font-size: .85rem; color: var(--heading); line-height: 1.8; }
.lead-form .line-reopen { display: inline-block; margin-top: 12px; color: var(--heading); font-weight: 600; font-size: .85rem; text-decoration: underline; text-underline-offset: 3px; padding-block: 5px; }
.lead-form .line-review details { margin-top: 14px; border-top: 1px solid var(--line); padding-top: 12px; }
.lead-form .line-review summary { cursor: pointer; font-size: .8rem; color: var(--muted); }
.lead-form .line-review .field { margin-top: 12px; }
.lead-form .line-review textarea { font-size: .8rem; line-height: 1.8; resize: vertical; }
.lead-form .line-review-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.lead-form .line-review-actions :is(button, a) { display: inline-flex; align-items: center; min-height: 42px; padding: 8px 12px; font: inherit; font-size: .8rem; background: var(--surface); color: var(--heading); border: 1px solid var(--line); border-radius: 8px; cursor: pointer; }
.lead-form .copy-status { font-size: .78rem; line-height: 1.8; color: var(--muted); margin-top: 8px; }
.lead-form :is(button, a, summary):focus-visible { outline: 3px solid var(--orange); outline-offset: 3px; }
.er-float[hidden] { display: none !important; }
@media (max-width: 360px) {
  /* Keep the existing service-page header usable beside a 320px form. */
  .nav { gap: 6px; }
  .logo { font-size: .81rem; gap: 6px; min-width: 0; }
  .logo img { height: 37px; }
  .logo small { font-size: .48rem; }
  .menu-btn { flex-shrink: 0; padding-inline: 6px; }
}