select,
textarea {
  width: 100%;
  border: 1px solid #d4d6df;
  border-radius: 10px;
  padding: 12px;
  background: #fff;
  outline: none;
  font: inherit;
}

textarea {
  min-height: 86px;
  resize: vertical;
}

select:focus,
textarea:focus {
  border-color: var(--purple);
  box-shadow: 0 0 0 3px #5740a318;
}

.contacts-head { display: flex; justify-content: space-between; align-items: center; margin-top: 24px; }
.contacts-head h3 { margin: 4px 0; }
.contacts-list { display: grid; gap: 12px; margin-top: 10px; }
.contact-card { border: 1px solid #e1e2e8; border-radius: 11px; padding: 13px; background: #fafafd; }
.contact-card-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.contact-card-actions { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; }
.contact-card-actions label { display: flex; grid-template-columns: auto 1fr; align-items: center; gap: 7px; }
.contact-card-actions input { width: auto; }
.remove-contact { border: 0; background: transparent; color: #a22; cursor: pointer; }
#clientDialog { width: min(780px, 94vw); }

@media (max-width: 560px) { .contact-card-grid { grid-template-columns: 1fr; } }
.inline-form-button { margin-top: 8px; }