.staff-shell{--staff-header-height:calc(3.5rem + env(safe-area-inset-top));--staff-nav-height:calc(4.5rem + env(safe-area-inset-bottom));width:100%;min-width:0;min-height:100dvh;padding-bottom:var(--staff-nav-height)}.staff-content,.staff-content :where(.flex,.grid)>:where(div,section,form,fieldset){min-width:0}.staff-content :where(h1,h2,h3,p,label){overflow-wrap:anywhere}.staff-content :where(input,select,textarea){min-width:0;max-width:100%}.staff-content .overflow-x-auto{overscroll-behavior-x:contain;max-width:100%}.staff-content .overflow-x-auto>:where(button,a){flex-shrink:0}.staff-content [role=tablist]{max-width:100%;overflow-x:auto}.staff-pos-frame{height:calc(100dvh - var(--staff-header-height) - var(--staff-nav-height));min-width:0}@media (width<=767px){.staff-shell:not(main){padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}main.staff-shell{padding-left:max(1rem, env(safe-area-inset-left));padding-right:max(1rem, env(safe-area-inset-right))}.staff-shell :where(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important}body:has(.staff-shell) :is([role=dialog],[role=alertdialog]) :where(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important}.staff-shell :where(button,a){touch-action:manipulation;min-height:44px}body:has(.staff-shell) :is([role=dialog],[role=alertdialog]) button{touch-action:manipulation;min-height:44px}body:has(.staff-shell) :is([role=dialog],[role=alertdialog]){min-width:0;width:calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right) - 1.5rem);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 1rem);overflow-wrap:anywhere;max-width:min(calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 1.5rem), 48rem)!important}body:has(.staff-shell) :is([role=dialog],[role=alertdialog])[class*=translate-y-]:not([data-staff-fixed-body]){overscroll-behavior-y:contain;padding:1rem;overflow-y:auto}body:has(.staff-shell) :is([role=dialog],[role=alertdialog])[data-staff-fixed-body]{overflow:hidden}body:has(.staff-shell) :is([role=dialog],[role=alertdialog]) [role=tablist]{min-width:0;height:auto}body:has(.staff-shell) :is([role=dialog],[role=alertdialog]) [role=tab]{min-width:0;padding-inline:.25rem;font-size:.75rem}body:has(.staff-shell) :is([role=dialog],[role=alertdialog]) :where(.flex,.grid)>:where(div,form,section){min-width:0}body:has(.staff-shell) :is([role=dialog],[role=alertdialog]) button{white-space:normal}body:has(.staff-shell) :is([role=dialog],[role=alertdialog])>button.absolute{min-width:44px;top:.25rem;right:.25rem}}body[data-staff-focus] .staff-shell{--staff-nav-height:0px}body[data-staff-focus] .staff-shell>nav[aria-label=Staff\ app]{display:none}.pos-native-shell{overscroll-behavior:none;overflow-x:hidden}:is(html:has(.pos-native-shell),body:has(.pos-native-shell)){overscroll-behavior:none;overflow:hidden}.pos-native-shell button,.pos-native-shell [role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;min-width:44px;min-height:44px}body:has(.pos-native-shell) [role=dialog] button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;min-width:44px;min-height:44px}body:has(.pos-native-shell) [role=alertdialog] button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;min-width:44px;min-height:44px}.pos-native-shell>main{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.pos-native-shell{--pos-control:36px;font-size:13px}.pos-native-shell .pos-topbar{padding-top:max(env(safe-area-inset-top), 4px);padding-bottom:4px}.pos-native-shell .pos-topbar>div{gap:6px 12px;min-height:36px;padding-inline:12px}.pos-native-shell .pos-topbar img[alt=Pho\ King]{width:84px;height:36px}.pos-native-shell .pos-topbar>div>div{gap:8px}.pos-native-shell .pos-topbar .rounded-full:has(.truncate){gap:6px;padding:2px 8px 2px 2px}.pos-native-shell .pos-topbar .rounded-full:has(.truncate)>:first-child{width:28px;height:28px}.pos-native-shell .pos-topbar .truncate{max-width:120px;font-size:12px}.pos-native-shell .pos-topbar [data-slot=badge]{font-size:11px}.pos-native-shell button{min-height:var(--pos-control);font-size:12px}.pos-native-shell button[class~=w-8],.pos-native-shell button[class~=w-7],.pos-native-shell button[class~=size-9]{min-width:var(--pos-control);width:var(--pos-control);height:var(--pos-control)}.pos-native-shell .pos-topbar button{height:36px;padding-block:4px}.pos-native-shell input:not([type=checkbox]),.pos-native-shell [role=combobox]{height:36px;font-size:13px}.pos-native-shell textarea{min-height:52px;padding-block:6px;font-size:13px}.pos-native-shell label{font-size:12px}.pos-native-shell .pos-tabbar{min-height:44px;padding-bottom:max(env(safe-area-inset-bottom), 2px)}.pos-native-shell .pos-tabbar button{min-height:42px;padding-block:3px;font-size:11px;line-height:14px}.pos-native-shell .pos-tabbar button>span>svg{width:18px;height:18px}.pos-native-shell main [class~=p-6]{padding:12px}.pos-native-shell main [class~=p-4],.pos-native-shell main [class~=sm\:p-6]{padding:10px}.pos-native-shell main [class~=space-y-3]>:not(:last-child){margin-block-end:8px}.pos-native-shell main [class~=text-sm]{font-size:12px}.pos-native-shell main [class~=text-lg]{font-size:16px}.pos-native-shell main [class~=text-xl]{font-size:18px}.pos-native-shell main [class~=h-14]{height:40px;font-size:13px}.pos-native-shell .pos-operator-caption{display:none}.pos-native-shell .pos-composer-toolbar{flex-shrink:0;gap:6px;padding:6px 10px}.pos-native-shell .pos-composer-toolbar h2{font-size:16px;line-height:22px}.pos-native-shell .pos-category-row{gap:6px;padding:4px 10px}.pos-native-shell .pos-category-row button{border-radius:6px;min-height:36px;padding:4px 10px;font-size:12px}.pos-native-shell .pos-menu-grid{gap:8px;padding:8px}.pos-native-shell .pos-menu-grid>button{border-radius:6px}.pos-native-shell .pos-menu-grid>button>span:last-child{padding:6px}.pos-native-shell .pos-menu-grid [class~=sm\:text-sm]{font-size:12px}.pos-native-shell .pos-menu-grid [class~="aspect-[4/3]"]{aspect-ratio:3/2}.pos-native-shell .pos-cart{overflow-x:hidden}.pos-native-shell .pos-cart>div{padding:10px}.pos-native-shell .pos-cart>[class~=order-1]{min-height:0}.pos-native-shell .pos-cart-line{border-radius:6px;min-width:0;padding:8px}.pos-native-shell .pos-cart-line p{overflow-wrap:anywhere;line-height:16px}.pos-native-shell .pos-line-controls{flex-wrap:nowrap;gap:3px;min-width:0;margin-top:6px}.pos-native-shell .pos-line-controls button{border-radius:5px;flex:0 0 32px;width:32px;min-width:32px;height:36px;min-height:36px;padding:0}.pos-native-shell .pos-line-controls>span[class~=w-8]{font-variant-numeric:tabular-nums;flex:0 0 22px;width:22px;font-size:12px}.pos-native-shell .pos-line-controls>span.inline-flex{flex-shrink:0;gap:2px;margin-left:0}.pos-native-shell .pos-line-controls>span.inline-flex>span:not(.pos-box-label){font-variant-numeric:tabular-nums;width:18px}.pos-native-shell .pos-box-label{display:none}.pos-native-shell .pos-cart>[class~=order-3]{flex-shrink:0}@media (width>=1024px){.pos-native-shell .pos-cart{width:320px}.pos-native-shell .pos-menu-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1280px){.pos-native-shell .pos-cart{width:350px}.pos-native-shell .pos-menu-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=639px){.pos-native-shell .pos-topbar>div{flex-wrap:nowrap;gap:6px;padding-inline:8px;display:flex}.pos-native-shell .pos-topbar>div>div:last-child{flex:1;min-width:0}.pos-native-shell .pos-topbar>div>div{gap:4px}.pos-native-shell .pos-topbar [data-slot=badge]{white-space:normal;max-width:110px}.pos-native-shell .pos-topbar .truncate{max-width:76px}.pos-native-shell .pos-topbar .rounded-full:has(.truncate){min-width:0;padding-right:5px}.pos-native-shell .pos-topbar .rounded-full:has(.truncate) .truncate{max-width:60px}.pos-native-shell .pos-topbar button{min-width:32px;height:36px;padding-inline:6px}.pos-native-shell .pos-topbar button[class~=size-9]{width:32px}.pos-native-shell .pos-topbar [class~=col-span-2]:first-child{flex-shrink:0}.pos-native-shell .pos-tabbar button{font-size:10px}}