/* Shared field geometry. Classes are assigned only to ordinary form fields;
   search/filter toolbars, composers, and picker internals keep their variants. */
body.la-app-page {
  --la-field-height: 44px;
  --la-field-radius: 11px;
  --la-field-border: #dce1eb;
  --la-field-focus: #7661c3;
}
body.la-app-page .la-form-control {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  min-height: var(--la-field-height) !important;
  height: var(--la-field-height) !important;
  padding: 10px 13px !important;
  border: 1px solid var(--la-field-border);
  border-radius: var(--la-field-radius) !important;
  background-color: #fff;
  color: var(--ink, #25334b);
  font-family: inherit;
  font-size: .84rem !important;
  font-weight: 550;
  line-height: 1.4 !important;
  box-shadow: none !important;
  transition: border-color .15s ease, background-color .15s ease;
}
body.la-app-page select.la-form-control,
body.la-app-page .la-timezone-trigger.la-form-control { padding-inline-end: 3rem !important; }
body.la-app-page :is(input,textarea).la-form-control { background-image: none !important; }
body.la-app-page textarea.la-form-control {
  height: auto !important;
  min-height: 96px !important;
  resize: vertical;
}
body.la-app-page .la-form-control:focus {
  border-color: var(--la-field-focus) !important;
  background-color: #fff;
  outline: none !important;
}
body.la-app-page .la-form-control:focus-visible {
  /* One clear keyboard ring, without the previous extra glow/drop shadow. */
  outline: 2px solid var(--la-field-focus) !important;
  outline-offset: 2px !important;
}
body.la-app-page .la-form-control[readonly] { background-color: #f6f7fa !important; color: #586377; }
body.la-app-page .la-form-control:disabled { background-color: #f3f5f8 !important; color: #6c7688; cursor: not-allowed; opacity: 1; }
body.la-app-page .la-form-control:is([aria-invalid="true"],:user-invalid) { border-color: #b84056 !important; }
body.la-app-page .la-form-control:is([aria-invalid="true"],:user-invalid):focus-visible { outline-color: #b84056 !important; }
body.la-app-page .la-form-control::placeholder { color: #7a8598; font-weight: 400; opacity: 1; }
body.la-app-page .la-form-caption {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  min-height: 22px;
  gap: 5px;
  line-height: 1.4;
  text-align: start;
}
body.la-app-page .la-form-caption > .la-help-trigger { flex: 0 0 22px; margin-inline: 1px 0; }
body.la-app-page .la-form-caption > .la-field-optional { margin-inline: 2px; }
@media (prefers-reduced-motion: reduce) { body.la-app-page .la-form-control { transition: none; } }
@media (forced-colors: active) {
  body.la-app-page .la-form-control { border-color: ButtonText; }
  body.la-app-page .la-form-control:focus-visible { outline-color: Highlight !important; }
}
