/* FT Uploader: mobile baseline (pwa-kit-v1) */
@media (max-width: 820px) {
  html { -webkit-text-size-adjust: 100%; }
  body { overflow-x: hidden !important; max-width: 100vw; }
  img, video, canvas, svg, iframe, embed { max-width: 100%; height: auto; }
  pre, code { white-space: pre-wrap; word-break: break-word; }
  input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea { font-size: 16px !important; max-width: 100%; }
  button, [type=submit], [type=button], .btn, .button { min-height: 44px; }
  a, label { -webkit-tap-highlight-color: rgba(0,0,0,.08); }
  .table-responsive, .table-wrap, .table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; }
  table:not(.pwa-keep) { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  [style*="width:"][style*="px"]:not(img):not(svg):not(canvas) { max-width: 100% !important; }
}
/* Wappler admin template: the left menu cards become swipeable rows on phones instead of stacking above the content */
@media (max-width: 767px) { .col-md-3.col-lg-2.mb-4 { margin-bottom: .5rem !important; } .col-md-3.col-lg-2 .card { margin-top: .5rem !important; border-radius: .6rem; } .col-md-3.col-lg-2 .card-header { padding: .35rem .75rem; font-size: .8rem; } .col-md-3.col-lg-2 .list-group { flex-direction: row; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .col-md-3.col-lg-2 .list-group::-webkit-scrollbar { display: none; } .col-md-3.col-lg-2 .list-group-item { flex: 0 0 auto; white-space: nowrap; border-width: 0 1px 0 0 !important; padding: .6rem .9rem; min-height: 44px; display: flex; align-items: center; } }