/* Override Bulma's OS-dependent input colours on admin forms only. */
body.admin-body .input,
body.admin-body .select select,
body.admin-body .textarea {
  --bulma-input-h: 204deg;
  --bulma-input-s: 58%;
  --bulma-input-background-l: 100%;
  --bulma-input-background-l-delta: 0%;
  --bulma-input-color-l: 19%;
  --bulma-input-border-color: #c7d5df;
  background-color: #ffffff !important;
  color: #14364d !important;
  -webkit-text-fill-color: #14364d !important;
  caret-color: #14364d;
  color-scheme: light;
}

body.admin-body .input::placeholder,
body.admin-body .textarea::placeholder {
  color: #607583 !important;
  -webkit-text-fill-color: #607583 !important;
  opacity: 1;
}

body.admin-body .input:disabled,
body.admin-body .select select:disabled,
body.admin-body .textarea:disabled {
  background-color: #edf2f5 !important;
  color: #607583 !important;
  -webkit-text-fill-color: #607583 !important;
}

body.admin-body .select select option {
  background-color: #ffffff;
  color: #14364d;
}

/* The native file button needs its own text-fill colour, separate from the
   filename text on the white input surface. */
body.admin-body input[type="file"]::file-selector-button {
  background-color: #063654 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid #063654 !important;
  border-radius: 7px;
  padding: 8px 12px;
  margin-right: 12px;
  font: inherit;
  cursor: pointer;
  opacity: 1;
}
body.admin-body input[type="file"]::-webkit-file-upload-button {
  background-color: #063654 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid #063654 !important;
  border-radius: 7px;
  padding: 8px 12px;
  margin-right: 12px;
  font: inherit;
  cursor: pointer;
  opacity: 1;
}

.admin-body strong {
  color: var(--admin-text);
}

.admin-body [data-controller~="toms-fields"] :is([data-toms-fields-target="fields"], [data-array-row], [data-title-language], [data-field-kind="object"]) > label.admin-field {
  display: block;
  margin-block: 0 1rem;
}

.admin-body [data-controller~="toms-fields"] fieldset[data-field-kind="array"] {
  margin-block: 1.5rem;
}

.admin-body [data-controller~="toms-fields"] fieldset > legend {
  margin-bottom: 0.75rem;
}

.admin-body [data-controller~="toms-fields"] [data-array-row] > .field {
  align-items: center;
  gap: 1rem;
  padding-bottom: 0.75rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--admin-border, #d9e4eb);
}

.admin-body [data-controller~="toms-fields"] [data-array-row] > label.admin-field:last-child,
.admin-body [data-controller~="toms-fields"] [data-title-language] > label.admin-field:last-child {
  margin-bottom: 0;
}