/**
 * Loaded LAST (after Django responsive.css) so these rules win.
 * Fixes: light text on white inputs when OS dark mode / Django vars mismatch our white fields.
 */

/* Readable typed text + white fields — always (light + dark theme) */
#container input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]):not([type="file"]):not([type="hidden"]),
#container textarea,
#container select,
#container .vTextField {
  color: #1c1714 !important;
  -webkit-text-fill-color: #1c1714 !important;
  caret-color: #1c1714 !important;
  background-color: #ffffff !important;
}

#container input:-webkit-autofill,
#container input:-webkit-autofill:hover,
#container input:-webkit-autofill:focus {
  -webkit-text-fill-color: #1c1714 !important;
  box-shadow: 0 0 0 1000px #ffffff inset !important;
}

#container input::placeholder,
#container textarea::placeholder {
  color: #5c5854 !important;
  opacity: 1 !important;
}

/* Sidebar + filter: oxblood links disappear on charcoal — fix whenever UI is dark */
@media (prefers-color-scheme: dark) {
  #nav-sidebar a:link,
  #nav-sidebar a:visited,
  #nav-sidebar table a {
    color: #ede4d9 !important;
  }

  #nav-sidebar a:hover,
  #nav-sidebar a:focus {
    color: #c8a96a !important;
  }

  #nav-sidebar .module caption,
  #nav-sidebar .module th {
    color: rgba(250, 247, 242, 0.95) !important;
  }

  #nav-filter {
    color: #1c1714 !important;
    -webkit-text-fill-color: #1c1714 !important;
    background-color: #ffffff !important;
  }
}

html[data-theme="dark"] #nav-sidebar a:link,
html[data-theme="dark"] #nav-sidebar a:visited,
html[data-theme="dark"] #nav-sidebar table a,
html[data-theme="auto"] #nav-sidebar a:link,
html[data-theme="auto"] #nav-sidebar a:visited,
html[data-theme="auto"] #nav-sidebar table a {
  color: #ede4d9 !important;
}

html[data-theme="dark"] #nav-sidebar a:hover,
html[data-theme="auto"] #nav-sidebar a:hover {
  color: #c8a96a !important;
}