/* Request Services shared rules (request_services.css), linked from anvil.yaml head_html after
 * every card sheet, so it wins their specificity ties.
 * Every rule is scoped :where(.ch-services-container), the container that holds every card and
 * the new-ticket panel, which adds no specificity:
 *   - the last form group's margin in every card and the new-ticket panel;
 *   - the 120px .ch-textarea min-height on every Services textarea (feedback, movement notes,
 *     tray notes and both complaint fields);
 *   - the date-field rules the returns, patient movement and tray change cards use.
 * The .ch-input base rule stays in theme.css.
 */

:where(.ch-services-container) .ch-form-group:last-child {
  margin-bottom: 0;
}
:where(.ch-services-container) .ch-textarea {
  min-height: 120px;
}

:where(.ch-services-container) .rs-date-hint {
  font-size: 12px;
  color: var(--ch-text-muted);
  margin-top: 6px;
}
:where(.ch-services-container) .rs-date-hint--error {
  color: var(--ch-danger, #b91c1c);
}
:where(.ch-services-container) .ch-input.rs-date-field[aria-invalid="true"] {
  border-color: var(--ch-danger, #b91c1c);
  outline: 1px solid var(--ch-danger, #b91c1c);
}