/* ===== ch_tray_change_card_html (HTML form) =====
   Loaded eagerly from anvil.yaml native_deps.head_html.

   No :where() scope is added. Every rule already starts with the root id #tray-change-card.
   .tray-notes-required hides the notes asterisk and colours it; the module writes style.display
   inline to show it, which wins. */

#tray-change-card .ch-checkbox-group {
  align-items: flex-start;
  padding: 12px;
  background: var(--ch-warning-bg);
  border-radius: var(--ch-radius-md);
  border: 1px solid var(--ch-warning-border);
}

#tray-change-card .ch-checkbox {
  flex-shrink: 0;
  margin-top: 2px;
}

#tray-change-card .ch-checkbox-label {
  line-height: 1.4;
}

#tray-change-card .ch-info-box {
  background: var(--ch-warning-bg);
  border-left-color: var(--ch-warning);
}

#tray-change-card .tray-manual-fields[hidden],
#tray-change-card .tray-picker-fields[hidden] {
  display: none;
}

#tray-change-card .tray-notes-required {
  display: none;
  color: var(--ch-danger);
}