/* One vertical working flow on phones, from capture through confirmation. */
@media(max-width:820px) {
 :is(#articleModal,#modal,#photoModal144,#photoInventoryModal182,#shoppingReceiptModal) {
  padding:0; overflow-x:hidden; align-items:stretch;
 }
 :is(#articleModal,#modal,#photoModal144,#photoInventoryModal182,#shoppingReceiptModal) > .card {
  width:100%; max-width:100%; min-width:0; height:100dvh; max-height:100dvh;
  margin:0; border-radius:0; padding:12px; box-sizing:border-box; overflow-x:hidden; overflow-y:auto;
 }
 #opsDialog92 { width:100%; max-width:100%; height:100dvh; max-height:100dvh; margin:0; border-radius:0; box-sizing:border-box; }
 #opsDialog92 .opsBody92 { padding:12px; min-width:0; overflow-x:hidden; }
 #articleModal :is(.articleFormGrid,.guideContent194,.labelRows183,.supplierAdminGrid,.resourceGrid,.packEditRow),
 #photoModal144 :is(.mhdLine144,.refGrid144),
 #photoInventoryModal182 .photoInventoryRow182,
 #shoppingReceiptModal :is(.receiptFields,.opsGrid92),
 #opsDialog92 :is(.opsGrid92,.inboundFields182,.inboundRow182,.inboundNew185,.invoiceRow191,.invoiceExtraFields191) {
  grid-template-columns:minmax(0,1fr); min-width:0;
 }
 #articleModal .articleFormGrid > *, #opsDialog92 .invoiceRow191 > *,
 #photoInventoryModal182 .photoInventoryRow182 > * { grid-column:1/-1; min-width:0; }
 #articleModal :is(.guideActions194,.guideHeading194), #photoModal144 .photoActions144,
 #photoInventoryModal182 :is(.photoInventoryRowActions182,.photoInventoryActions182,.photoInventoryQuick182),
 .feedbackActions232 { display:flex; flex-direction:column; align-items:stretch; }
 #articleModal .guideActions194 > button { flex:none; width:100%; }
 :is(#articleModal,#modal,#photoModal144,#photoInventoryModal182,#shoppingReceiptModal,#opsDialog92) :is(input,select,textarea) {
  min-width:0; max-width:100%; box-sizing:border-box;
 }
 :is(#articleModal,#modal,#photoModal144,#photoInventoryModal182,#shoppingReceiptModal,#opsDialog92) .expiryParts231 { grid-template-columns:minmax(0,1fr); }
 #articleModal .moneyOptions231 { flex-direction:column; align-items:stretch; }
 .modal > .card > .formFeedback231 { width:100%; height:auto; min-width:0; }
 #universalPreview223 { display:block; width:100%; max-height:30dvh; object-fit:contain; margin-bottom:12px; }
 #universalPreview223[hidden] { display:none; }
}