/* Live adaptation of the v-label-14 horizontal field pattern. */
.crm-horizontal-form .formgrid { grid-template-columns:minmax(0,1fr) !important; gap:12px !important; }
.crm-horizontal-form .field.full { grid-column:auto !important; }
.crm-horizontal-form .crm-horizontal-field {
  display:grid !important;
  grid-template-columns:minmax(112px,144px) minmax(0,1fr);
  align-items:center;
  column-gap:16px !important;
  row-gap:6px !important;
  min-width:0;
}
.crm-horizontal-form .crm-horizontal-field > label,
.crm-horizontal-form label.crm-horizontal-field {
  color:#3b424e;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.3;
  text-align:right;
}
.crm-horizontal-form .crm-horizontal-field > :is(input,select,textarea,.select-ui,.date-control),
.crm-horizontal-form label.crm-horizontal-field > :is(input,select,textarea,.select-ui,.date-control,small) { grid-column:2; min-width:0; text-align:left; }
.crm-horizontal-form .crm-horizontal-field > textarea,
.crm-horizontal-form label.crm-horizontal-field:has(textarea) { align-items:start; }
.crm-horizontal-form .crm-horizontal-field > textarea { resize:vertical; }
.crm-horizontal-form .crm-horizontal-field :is(input,textarea,.pretty-select-trigger,.date-trigger) { border-radius:10px !important; }
.crm-horizontal-form .crm-horizontal-field :is(input,textarea,.pretty-select-trigger,.date-trigger):focus-visible { border-color:#6f9cdf !important; box-shadow:0 0 0 3px #6f9cdf1f !important; outline:0; }
#leadModal { width:min(760px,calc(100vw - 28px)); }
.proposal-editor .proposal-item { grid-template-columns:minmax(0,1fr) minmax(210px,.42fr) auto; gap:12px 16px; }
.proposal-editor .proposal-item > .field:first-child { grid-column:1/-1; }
.proposal-editor .proposal-item > .field:first-child > :is(.select-ui,select,textarea) { grid-column:2; }
.proposal-editor .proposal-item > button { align-self:center; }
.proposal-editor .proposal-reference-field small { grid-column:2; text-align:left; }
html[data-theme="dark"] .crm-horizontal-form .crm-horizontal-field > label,
html[data-theme="dark"] .crm-horizontal-form label.crm-horizontal-field { color:#cbd5e4; }

@media(max-width:700px) {
  .crm-horizontal-form .crm-horizontal-field,
  .crm-horizontal-form label.crm-horizontal-field { grid-template-columns:minmax(0,1fr); gap:6px !important; align-items:start; text-align:left; }
  .crm-horizontal-form .crm-horizontal-field > :is(input,select,textarea,.select-ui,.date-control),
  .crm-horizontal-form label.crm-horizontal-field > :is(input,select,textarea,.select-ui,.date-control,small),
  .proposal-editor .proposal-reference-field small { grid-column:1; }
  .proposal-editor .proposal-item { grid-template-columns:minmax(0,1fr); }
  .proposal-editor .proposal-item > .field:first-child { grid-column:auto; }
  .proposal-editor .proposal-item > .field:first-child > :is(.select-ui,select,textarea) { grid-column:1; }
}