/* Shared visual treatment for fields that the user cannot edit. */
:root {
  --sgi-readonly-bg: #e9ecef;
  --sgi-readonly-color: #212529;
  --sgi-readonly-border: #ced4da;
}

[data-bs-theme="dark"] {
  --sgi-readonly-bg: #343a40;
  --sgi-readonly-color: #dee2e6;
  --sgi-readonly-border: #6c757d;
}

input:is([readonly], :disabled, [aria-readonly="true"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="range"]):not([type="color"]),
textarea:is([readonly], :disabled, [aria-readonly="true"]),
select:is(:disabled, [aria-readonly="true"]),
.assessment-field.assessment-rich,
.sgi-readonly-field,
output:not(.abc-element-result):not([data-score-result]) {
  background-color: var(--sgi-readonly-bg) !important;
  color: var(--sgi-readonly-color) !important;
  border-color: var(--sgi-readonly-border) !important;
  opacity: 1 !important;
}

input:is([readonly], :disabled, [aria-readonly="true"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="range"]):not([type="color"]),
textarea:is([readonly], :disabled, [aria-readonly="true"]),
select:is(:disabled, [aria-readonly="true"]) {
  -webkit-text-fill-color: var(--sgi-readonly-color);
}

/* Pass/NYC and other status indicators retain their semantic colours. */