/* One mobile workflow at every device width; tablet adds readable gutters. */
@media (min-width: 768px) {
  body.xboox-mobile-shell-active .xboox-mobile-app {
    max-width: 720px;
    margin-inline: auto;
  }
  body.xboox-mobile-shell-active .xboox-mobile-navigation {
    width: min(100%, 720px);
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
  body.xboox-mobile-shell-active :is(.xbm-sheet, .xb-mobile-bottom-sheet, .xb-mobile-expense-detail, .xb-expense-detail-v2) {
    width: min(100%, 720px);
    margin-inline: auto;
    left: 0;
    right: 0;
  }
  body.xboox-mobile-shell-active .xbm-overlay {
    width: min(100%, 720px);
    margin-inline: auto;
    left: 0;
    right: 0;
  }
  body.xboox-mobile-shell-active #detailEntry.expense-detail-drawer {
    width: min(100%, 720px);
    margin-inline: auto;
    left: 0;
    right: 0;
  }
  body.xboox-mobile-shell-active .rc-review-layout { grid-template-columns: 1fr; }
  body.xboox-mobile-shell-active .rc-receipt-preview { min-height: 320px; max-height: 480px; }
}