/* Phone layout lives in app.css (bottom of the file) so desktop and phone
   rules for the same component sit next to each other. This file only
   keeps the safe-area padding for panels that predate it. */
@media (max-width: 767px) {
  #order-panel, #client-panel, #item-panel {
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
}