/* Safe-area insets apply to Safari Home Screen and fullscreen devices without disabling zoom. */
html { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
.topbar-actions .fullscreen-button { flex:0 0 38px; display:inline-flex; align-items:center; justify-content:center; padding:8px; }
.fullscreen-button svg { flex:none; pointer-events:none; }
.fullscreen-button[aria-pressed="true"] { color:#fff; background:#073a6a; }
.fullscreen-button:focus-visible { outline:3px solid #79b7e5; outline-offset:2px; }
.display-mode-dialog { box-sizing:border-box; width:min(440px,calc(100% - 28px)); max-height:calc(100vh - 28px); max-height:calc(100dvh - 28px); margin:auto; padding:24px; overflow:auto; border:1px solid #d8e4ed; border-radius:16px; color:#16374f; background:#fff; box-shadow:0 20px 64px #001b4a33; font-family:inherit; }
.display-mode-dialog::backdrop { background:#06294d99; }
.display-mode-dialog h2 { margin:0 0 14px; font-size:22px; }
.display-mode-dialog p, .display-mode-dialog li { font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
.display-mode-dialog ol { margin:14px 0; padding-left:22px; }
.display-mode-dialog li + li { margin-top:8px; }
.display-mode-dialog .display-mode-note { font-size:12px; color:#5d7182; }
.display-mode-dialog button { width:100%; min-height:44px; margin-top:8px; }
html.on-fullscreen, html.on-fullscreen body { width:100%; min-height:100%; background:#edf3f8; }
html.on-standalone .topbar, html.on-fullscreen .topbar { padding-top:max(10px,env(safe-area-inset-top,0px)); padding-left:max(12px,env(safe-area-inset-left,0px)); padding-right:max(12px,env(safe-area-inset-right,0px)); }
html.on-standalone .cart-bottom, html.on-fullscreen .cart-bottom { padding-bottom:max(12px,env(safe-area-inset-bottom,0px)); }
html.on-standalone .cart-sheet-toggle, html.on-fullscreen .cart-sheet-toggle { padding-bottom:max(12px,env(safe-area-inset-bottom,0px)); }
@supports not (height:100dvh) {
  #finance-login-dialog.staff-login, .payment-dialog, .modifier-dialog, .customer-dialog, .order-action-dialog { max-height:calc(100vh - 28px); }
  html.staff-locked body { min-height:100vh; }
}
@media(max-width:480px) {
  .topbar-actions .fullscreen-button { flex-basis:34px; width:34px; min-width:34px; padding:6px; }
  .display-mode-dialog { padding:20px; }
}