@media (max-width: 760px) {
  #agentView,
  .agent-mobile,
  .agent-cart-panel,
  #cartStep {
    padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  }

  #cartItems {
    padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px));
    scroll-padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
    scroll-margin-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
  }

  #cartItems .simple-cart-card:last-child,
  #cartItems .cart-card:last-child,
  #cartItems .payment-proof-card:last-child {
    margin-bottom: 0;
  }

  .agent-submit-bar {
    bottom: max(12px, env(safe-area-inset-bottom, 0px));
    padding-bottom: max(12px, env(safe-area-inset-bottom, 0px));
  }

  #weeklySettlementView,
  .weekly-settlement-panel {
    padding-bottom: calc(180px + env(safe-area-inset-bottom, 0px));
  }

  #weeklySettlementList {
    padding-bottom: calc(150px + env(safe-area-inset-bottom, 0px));
    scroll-padding-bottom: calc(180px + env(safe-area-inset-bottom, 0px));
  }

  #weeklySettlementList .settlement-row:last-child,
  #weeklySettlementSubmit .settlement-upload-card:last-child {
    margin-bottom: calc(150px + env(safe-area-inset-bottom, 0px));
  }
}