/* Only the outer frame lives in the light DOM. The POS design is in Shadow DOM. */
@font-face {
  font-family:'PMBH Sales Symbols';
  src:url('products-icons.ttf') format('truetype');
  font-weight:100 700;
  font-style:normal;
  font-display:block;
}
@media(min-width:761px) {
  body.desktop-sales-mode { overflow:hidden; }
  body.desktop-sales-mode .app-shell { height:100dvh; min-height:0; }
  body.desktop-sales-mode .main { display:block; height:100dvh; min-height:0; margin:0; padding:0; gap:0; }
  body.desktop-sales-mode .main > .topbar { display:none; }
  body.desktop-sales-mode #salesView.active { display:block; width:100%; height:100%; margin:0; padding:0; overflow:hidden; }
  body.desktop-sales-mode #salesView > :not(#salesDesktopHost) { display:none; }
  #salesDesktopHost { display:none; }
  body.desktop-sales-mode #salesDesktopHost:not([hidden]) { display:block; width:100%; height:100%; }
}
@media(max-width:760px) { #salesDesktopHost { display:none; } }