/* Toyota Dealer Portal: 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; }
}
/* Toyota: compact shell bar and swipeable tab bar on phones */
@media (max-width: 820px) { .shellbar { flex-wrap: nowrap; gap: 8px; padding: 8px 10px; align-items: center; } .shellbar .subtitle { display: none; } .shellbar .logo { font-size: 14px; line-height: 1.15; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 42vw; } .shellbar .userchip { font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 34vw; } .shellbar .rolebadge { font-size: 10px; padding: 2px 6px; white-space: nowrap; } .navbar { overflow-x: auto; flex-wrap: nowrap; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .navbar::-webkit-scrollbar { display: none; } .navbar > * { flex: 0 0 auto; } }