/* Shared modal/form structure. Keep only generic form rules here. */
#modalForm[class*="vt-modal--"] {
  --vt-form-gap: 16px;
  --vt-form-field-height: 34px;
  --vt-form-border: #c6d4e5;
  --vt-form-border-soft: #d8e2ef;
  --vt-form-muted: #52647a;
  --vt-form-label: #25364a;
  --vt-form-surface: #fff;
}

#modalForm[class*="vt-modal--"] .vt-form {
  color: #172235;
  max-width: 100%;
}

#modalForm[class*="vt-modal--"] .vt-form .field,
#modalForm[class*="vt-modal--"] .vt-form label {
  color: var(--vt-form-label);
  min-width: 0;
  font-weight: 600;
}

#modalForm[class*="vt-modal--"] .vt-form input,
#modalForm[class*="vt-modal--"] .vt-form select,
#modalForm[class*="vt-modal--"] .vt-form textarea {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: var(--vt-form-field-height);
  border-color: var(--vt-form-border);
  font-weight: 400;
}

#modalForm[class*="vt-modal--"] .vt-form textarea {
  min-height: 68px;
}

#modalForm[class*="vt-modal--"] .vt-form h2,
#modalForm[class*="vt-modal--"] .vt-form h3 {
  color: #172235;
  letter-spacing: 0;
}

#modalForm[class*="vt-modal--"] .vt-form table {
  font-size: 13px;
}

#modalForm[class*="vt-modal--"] .vt-form .table-wrap {
  margin-block: 8px 12px;
}

#modalForm[class*="vt-modal--"] .vt-form strong,
#modalForm[class*="vt-modal--"] .vt-form b {
  font-weight: 600;
}

#modalForm[class*="vt-modal--"] .vt-form td strong,
#modalForm[class*="vt-modal--"] .vt-form td b {
  font-weight: 500;
}

#modalForm[class*="vt-modal--"] .vt-form hr {
  border: 0;
  border-top: 1px solid var(--vt-form-border-soft);
  margin: 18px 0;
}

#modalForm[class*="vt-modal--"] .vt-form .readonly-control,
#modalForm[class*="vt-modal--"] .vt-form input:disabled,
#modalForm[class*="vt-modal--"] .vt-form select:disabled,
#modalForm[class*="vt-modal--"] .vt-form textarea:disabled {
  background: #c4d1db;
  color: #25364a;
  opacity: 1;
  font-weight: 400;
}

#modalForm[class*="vt-modal--"] .vt-form .grid-link {
  color: #0070d9;
}

#modalForm[class*="vt-modal--"] .field-missing input,
#modalForm[class*="vt-modal--"] .field-missing select,
#modalForm[class*="vt-modal--"] .field-missing textarea {
  border-color: #d63f3f;
  box-shadow: 0 0 0 2px rgba(214, 63, 63, 0.12);
}