/* Shared by public and admin pages. Only form surfaces change, not theme accents.
   Important backgrounds keep page-specific, hover and inline styles from tinting
   fields again. Background images (e.g. dropdown arrows) remain untouched. */
html body input:not(:is([type="checkbox"], [type="radio"], [type="range"],
  [type="color"], [type="hidden"], [type="button"], [type="submit"],
  [type="reset"], [type="image"])),
html body textarea,
html body select,
html body [role="combobox"],
html body [contenteditable="true"] {
  background-color: #ffffff !important;
  color: #172033 !important;
  caret-color: #172033;
}

/* Input shells, suffixes and multi-select surfaces are part of the field. */
html body :is(.global-search, .table-search, .conversations-search,
  .ticket-switcher-search, .agent-search, .history-search, .board-search,
  .library-search, .category-search, .project-member-search,
  .employee-combobox, .team-member-picker, .secret-input, .input-prefix, .input-suffix,
  .input-with-suffix, .settings-input-suffix, .meta-input-action) {
  background-color: #ffffff !important;
  color: #172033 !important;
}
html body :is(.input-prefix, .input-suffix, .input-with-suffix,
  .settings-input-suffix) > :is(span, b) {
  background-color: #ffffff !important;
}
html body select option { background-color: #ffffff; color: #172033; }

/* Autofill must not reintroduce a browser-supplied yellow field surface. */
html body input:autofill,
html body textarea:autofill,
html body select:autofill {
  background-color: #ffffff !important;
  box-shadow: 0 0 0 1000px #ffffff inset !important;
  -webkit-text-fill-color: #172033 !important;
}