@media screen and (max-width:760px) {
  html body #root .cashier-portal, html body #root .cashier-portal * { box-sizing:border-box; }
  html body #root .cashier-portal { min-height:100dvh; overflow-x:clip; }
  html body #root .cashier-portal .cashier-portal__body { min-width:0; width:100%; padding:0 12px calc(86px + env(safe-area-inset-bottom)); }
  html body #root .cashier-portal .cashier-portal__card { margin:0; padding:16px 0; border:0; border-radius:0; overflow:visible; }
  html body #root .cashier-portal .cashier-club { overflow-wrap:anywhere; }
  html body #root .cashier-portal .cashier-portal__body > header { flex-wrap:wrap; gap:8px; padding:12px 0; }
  html body #root .cashier-portal .cashier-server-clock { font-size:13px; white-space:normal; }
  html body #root .cashier-portal .cashier-balance-display { display:flex; flex-direction:column; align-items:flex-start; gap:4px; padding:8px 0 16px; }
  html body #root .cashier-portal .cashier-balance-display b { font-size:26px; }
  html body #root .cashier-portal .cashier-portal-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  html body #root .cashier-portal .cashier-portal-actions > button { min-height:48px; padding:10px; font-size:12px; white-space:normal; overflow-wrap:anywhere; border-radius:6px; }
  html body #root .cashier-portal .portal-title-row { align-items:center; gap:8px; flex-wrap:wrap; }
  html body #root .cashier-portal .portal-title-row h2 { font-size:20px; }
  html body #root .cashier-portal .portal-title-row .badge { max-width:100%; overflow-wrap:anywhere; white-space:normal; }
  html body #root .cashier-portal .portal-search { display:flex; flex-wrap:wrap; overflow:visible; gap:10px; margin:14px 0; }
  html body #root .cashier-portal .portal-search input { flex:1 1 100%; width:100%; min-width:0; }
  html body #root .cashier-portal .portal-search label { display:flex; align-items:center; gap:8px; flex:1 1 auto; min-width:0; }
  html body #root .cashier-portal .portal-search select { min-width:0; max-width:100%; }
  html body #root .cashier-portal .portal-search input, html body #root .cashier-portal .portal-search select { min-height:44px; font-size:16px; }
  html body #root .cashier-portal .portal-search > span { font-size:12px; flex:1 1 auto; }
  html body #root .cashier-portal .portal-table-scroll { max-width:100%; overflow-x:auto; }
  html body #root .cashier-portal .report-grid, html body #root .cashier-portal .stats-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  html body #root .cashier-portal .report-grid article, html body #root .cashier-portal .stats-grid article { min-width:0; padding:12px; border-radius:6px; }
  html body #root .cashier-portal .report-grid article b, html body #root .cashier-portal .stats-grid article b { font-size:18px; overflow-wrap:anywhere; }
  html body #root .cashier-portal .cashier-mobile-bottom-nav { bottom:0; height:auto; min-height:68px; padding-bottom:env(safe-area-inset-bottom); grid-template-columns:repeat(5,minmax(0,1fr)); }
  html body #root .cashier-portal .cashier-mobile-bottom-nav button { min-width:0; min-height:64px; padding:6px 2px; }
  html body #root .cashier-portal .cashier-mobile-bottom-nav button span { font-size:10px; white-space:normal; overflow-wrap:anywhere; }
  html body #root .cashier-portal .modal-overlay { padding:12px; align-items:center; overflow-y:auto; }
  html body #root .cashier-portal .modal { width:100%; min-width:0; max-width:480px; max-height:calc(100dvh - 24px); overflow-y:auto; padding:16px; border-radius:8px; }
  html body #root .cashier-portal .modal-head h3 { font-size:18px; overflow-wrap:anywhere; }
  html body #root .cashier-portal .modal .form-grid { grid-template-columns:minmax(0,1fr); }
  html body #root .cashier-portal .modal input, html body #root .cashier-portal .modal select { max-width:100%; min-height:44px; font-size:16px; }
  html body #root .cashier-portal .modal button { min-height:44px; }
  html body #root .cashier-portal .modal-actions { display:flex; flex-wrap:wrap; gap:8px; }
  html body #root .cashier-portal .modal-actions > button { flex:1 1 100px; white-space:normal; }
}