/*
 * VivaRevize dirty-form CSS
 * Phase 5.B — highlights unsaved fields inside #formMain.
 * Amber accent, readable on both dark and light themes.
 */

.vr-dirty {
  background: #fff8dc !important;
  border-color: #f59e0b !important;
  box-shadow: 0 0 0 1px #f59e0b inset;
  transition: background .15s ease-out, border-color .15s ease-out;
}
.vr-dirty:focus {
  outline: 2px solid #f59e0b !important;
  outline-offset: 1px;
}

/* Dark theme — darker amber base for readability on dark surfaces */
html[data-vr-theme="dark"] .vr-dirty,
html:not([data-vr-theme]) .vr-dirty {
  background: #3f2f10 !important;
  border-color: #f59e0b !important;
  color: #f5f1e0 !important;
}

/* Select dropdowns keep their arrow visible even when amber */
select.vr-dirty { background-image: none; }