/* Order-form presentation; shared engineering-console tokens stay canonical. */
body[data-ui="engineering-console"] #page-order .tpl-btn {
  min-width: 44px; min-height: 44px; max-width: 100%;
  touch-action: manipulation;
}
body[data-ui="engineering-console"] #photoPreview button {
  width: 44px !important; height: 44px !important;
  min-width: 44px; min-height: 44px; touch-action: manipulation;
}
#page-order :is(.order-form-error, .order-form-status, .order-form-hint) {
  margin: 6px 0 0; font: inherit; font-size: 13px; line-height: 1.5;
  overflow-wrap: anywhere;
}
#page-order :is(.order-form-error, .order-form-status.is-error) { color: var(--err); }
#page-order .order-form-hint { color: var(--muted); }
#page-order .consent-check-order { min-height: 44px; align-items: center; }
#page-order .consent-check-order input { margin-top: 0; }
#page-order .order-form-status:empty { display: none; }
#page-order [aria-invalid="true"] { border-color: var(--err) !important; }
/* A tablet can use touch and a fine pointer together; keep editable text legible in both. */
body[data-ui="engineering-console"] #page-order .form-input { font-size: 16px !important; }
#page-order .order-address-result {
  display: block; width: 100%; min-height: 44px; padding: 10px 14px;
  border: 0; border-bottom: 1px solid var(--border); background: transparent;
  color: inherit; font: inherit; text-align: left; cursor: pointer;
  overflow-wrap: anywhere; touch-action: manipulation;
}
#page-order .order-address-result:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }