/* Phone-width safety for the operator and customer consoles (2026-09-27 UI crawl found 7-207px of horizontal
   page overflow at 390px). Wide content scrolls inside its own box; the page itself never scrolls sideways. */
table { display: block; max-width: 100%; overflow-x: auto; }
pre, code { white-space: pre-wrap; word-break: break-word; }
img, video, canvas, iframe { max-width: 100%; height: auto; }
input, select, textarea { max-width: 100%; }
@media (max-width: 640px) {
  .flex, .d-flex { flex-wrap: wrap; }
  .grid { grid-template-columns: minmax(0, 1fr) !important; }
  [class*="min-w-"] { min-width: 0 !important; }
}