.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}.staff-content .staff-notification-filters>div{flex-shrink:0;overflow:visible}.staff-shell #staff-order-cart{margin-right:.25rem}@media (width>=768px) and (width<=1023px){.staff-content .pos-composer-toolbar{grid-template-columns:44px minmax(0,1fr) minmax(0,240px)}:is(.staff-content .pos-composer-toolbar>h2,.staff-content .pos-composer-toolbar>div:not(:has(input)):not(:has(>button))){grid-area:1/2}.staff-content .pos-composer-toolbar>div:has(input){grid-area:1/3;width:100%}.staff-content .pos-composer-toolbar>button:not(:first-child){display:none}}@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:not([role=checkbox]),a){touch-action:manipulation;min-height:44px}body:has(.staff-shell) :is([role=dialog],[role=alertdialog]) button:not([role=checkbox]){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}@media (width<=767px){.staff-shell{--staff-header-height:calc(3rem + env(safe-area-inset-top));--staff-nav-height:calc(3.5rem + env(safe-area-inset-bottom))}.staff-shell>header>div{height:3rem;padding-inline:.625rem}.staff-shell>nav>div{height:3.5rem}.staff-shell>nav a{gap:.125rem;min-width:64px;padding-block:.25rem;font-size:10px}.staff-content{padding:.5rem .625rem}.staff-pos-frame{margin:-.5rem -.625rem}.staff-content :where(.space-y-5,.space-y-8)>:not([hidden])~:not([hidden]){margin-top:.75rem}.staff-content :where(h1){font-size:1.125rem;line-height:1.5rem}.staff-content :where(section.rounded-3xl){box-shadow:none;border-radius:.5rem;padding:.75rem}.staff-content :where(.p-6){padding:.75rem}.staff-content :where(.p-4){padding:.625rem}.staff-content :where(.pb-28){padding-bottom:.5rem}.staff-content [role=tablist]{border-radius:.5rem}.staff-content [role=tab]{padding-block:.25rem}.staff-table-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem}.staff-table-tile{border-radius:.5rem;height:6.5rem;padding:.5rem;overflow:hidden}.staff-table-tile>div:first-child{grid-template-columns:minmax(0,1fr);gap:.125rem;display:grid}.staff-table-tile>div:first-child>span:first-child{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.staff-table-tile p{font-size:.6875rem;line-height:.875rem}.staff-content .pos-composer-toolbar{flex-shrink:0;grid-template-columns:32px minmax(0,.85fr) minmax(0,1.15fr);gap:.25rem;padding:.25rem .5rem}.staff-content .pos-composer-toolbar>h2{font-size:.8125rem;line-height:1.125rem}:is(.staff-content .pos-composer-toolbar>h2,.staff-content .pos-composer-toolbar>div:not(:has(input)):not(:has(>button))){grid-area:1/2}.staff-content .pos-composer-toolbar>div:has(input){grid-area:1/3;gap:.25rem;margin:0}.staff-content .pos-composer-toolbar>button:first-child{grid-row:1}.staff-content .pos-composer-toolbar>button:not(:first-child){display:none}.staff-content .pos-composer-toolbar>div:has(input) svg{display:none}.staff-content .pos-composer-toolbar input{width:100%;padding-inline:.5rem}.staff-content .staff-delivery-search{display:flex}.staff-content .staff-delivery-search-original{display:none}.staff-content .pos-composer-toolbar>div:has(>button){grid-column:1/-1;padding-bottom:0}.staff-content .pos-category-row{gap:.375rem;padding:.25rem .5rem}.staff-content .pos-category-row button{padding:.25rem .75rem;font-size:.75rem}.staff-content .pos-cart{overscroll-behavior:contain}.staff-content .pos-cart>.staff-cart-actions{z-index:5;background:var(--card);padding-bottom:max(.625rem, env(safe-area-inset-bottom));flex-shrink:0;margin-top:auto;position:sticky;bottom:0}.staff-content .staff-cart-actions>button{height:44px;font-size:.875rem}.staff-content .staff-payment-view{padding-bottom:5rem;position:relative}.staff-content .staff-payment-actions{z-index:35;padding:.5rem .625rem max(.5rem,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--card);inset-inline:0;grid-template-columns:minmax(0,.7fr) minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:.5rem;display:grid;position:fixed;bottom:0}.staff-content .staff-payment-actions button{white-space:normal;min-width:0;height:44px}.staff-content .staff-payment-summary>button:first-of-type{display:none}.staff-content .staff-payment-summary{z-index:5;background:var(--card);padding-bottom:max(.625rem, env(safe-area-inset-bottom));position:sticky;bottom:0}.staff-content .staff-payment-view>div:first-child,.staff-content .staff-payment-view>aside{flex-shrink:0}.staff-content .staff-payment-view>aside>h3{display:none}.staff-content .staff-payment-view>aside>ul{max-height:8rem;margin-block:.5rem}.staff-content .staff-payment-summary>button{height:44px}.staff-content .staff-payment-method{border-radius:.5rem;gap:.25rem;height:4rem;font-size:.75rem}.staff-content .staff-payment-method svg{width:20px;height:20px}.staff-content .staff-kitchen-header{top:var(--staff-header-height);padding:.25rem 0}.staff-content .staff-kitchen-item{grid-template-columns:minmax(0,1fr) 44px auto;align-items:start}.staff-content .staff-kitchen-item>div{grid-area:1/1/3}.staff-content .staff-kitchen-item>span{grid-column:2/4;justify-self:end}.staff-content .staff-kitchen-item>button{grid-row:2;place-items:center;display:grid}.staff-settings-group>summary{cursor:pointer;align-items:center;min-height:44px;font-size:.875rem;font-weight:600;display:flex}.staff-settings-group>summary:after{content:"+";margin-left:auto}.staff-settings-group[open]>summary:after{content:"−"}.staff-content .staff-settings-group section{box-shadow:none;--tw-ring-shadow:none;background:0 0;border-radius:0;padding:.625rem 0}.staff-shell .staff-settings-group .grid.grid-cols-3{gap:.5rem}.staff-shell .staff-settings-group .grid.grid-cols-3 button{border-radius:.5rem;height:44px;font-size:1.125rem}.staff-content .staff-bill-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;display:grid}.staff-bill-filters>button:not([data-slot]){grid-row:2;padding-inline:.25rem}.staff-bill-filters>input[aria-label=Search\ bills]{grid-area:1/1/auto/3}.staff-bill-filters>input[type=date]{grid-area:1/3/auto/5;width:100%;padding-inline:.25rem}.staff-bill-filters>input[type=date]~button{grid-area:2/4;padding-inline:.25rem}.staff-content .staff-home-greeting .mt-3{margin-top:.25rem;padding-block:.25rem}.staff-content .staff-home-greeting h1{margin-top:0}.staff-content .staff-home-attendance{flex-direction:column;display:flex}.staff-home-attendance>h2{order:-3}.staff-home-attendance>button{order:-2;margin-block:.5rem}.staff-content .staff-amendment-card{flex-direction:column;display:flex}.staff-content .staff-amendment-card>div:first-child{order:-2}.staff-content .staff-amendment-card>.staff-amendment-actions{order:-1}.staff-content .staff-schedule-actions{left:0;right:0;bottom:var(--staff-nav-height);z-index:30;border-top:1px solid var(--border);background:var(--card);gap:.5rem;padding:.5rem .625rem;display:flex;position:fixed}.staff-schedule-with-actions{padding-bottom:4rem}body:has(.staff-shell) [role=dialog][data-staff-dish-sheet]{inset-inline:0;border-radius:.5rem .5rem 0 0;width:100%;bottom:0;max-width:100%!important}body:has(.staff-shell) [data-staff-dish-sheet]>button.absolute{background:var(--secondary);opacity:1;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;top:.5rem;right:.5rem}body:has(.staff-shell) [data-staff-dish-sheet] .staff-dish-header{padding-right:3rem}}.staff-content .staff-approval-selector{aspect-ratio:1;touch-action:manipulation;border-radius:50%;flex-shrink:0;width:1.25rem;height:1.25rem;min-height:1.25rem}.staff-content .staff-pill-tabs{gap:.25rem}.staff-content .staff-pill-tabs [role=tab]{border:1px solid var(--border);white-space:nowrap;background:var(--secondary);height:2rem;min-height:2rem;color:var(--muted-foreground);box-shadow:none;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;line-height:1rem}.staff-content .staff-pill-tabs [role=tab]:is([aria-selected=true],[data-state=active]){background:var(--accent);color:var(--accent-foreground);border-color:var(--accent)}@media (width<=767px){.staff-content .staff-delivery-header button,.staff-content .staff-period-filter button,.staff-content .staff-team-header button,.staff-content .pos-composer-toolbar>button:first-child{height:2rem;min-height:2rem}.staff-content .staff-team-header button:not([aria-label=This\ week]),.staff-content .pos-composer-toolbar>button:first-child{width:2rem;padding:0}.staff-content .pos-composer-toolbar input{height:2rem}.staff-content .pos-composer-toolbar h2{font-size:.8125rem;line-height:1rem}.staff-content .pos-category-row button{height:2rem;min-height:2rem;padding-block:.25rem;line-height:1rem}.staff-content .pos-cart-line{border-radius:.5rem;padding:.5rem}.staff-content .pos-cart-line>div:first-child{align-items:center}.staff-content .pos-cart-line>div:first-child>span{line-height:1rem}.staff-content .pos-cart-line button{height:2rem;min-height:2rem}.staff-content .pos-cart-line button:has(>svg:only-child){flex-shrink:0;width:2rem;padding:0}.staff-content .pos-cart-line .min-h-11{min-height:2rem}.staff-content .pos-cart-line :is(.py-3,.pt-3){padding-top:.375rem}.staff-content .pos-cart-line .py-3{padding-bottom:.375rem}.staff-content .pos-cart-line .pos-line-controls{flex-wrap:wrap;gap:.25rem;margin-top:.375rem}.staff-content .pos-line-controls>span.w-8{width:1.25rem}.staff-content .pos-box-label{display:none}.staff-content .pos-cart:has(.pos-cart-line) ul.space-y-3>li+li{margin-top:.5rem}.staff-content .staff-cart-actions button[aria-label*=packaging]{width:2rem;height:2rem;min-height:2rem}.staff-content .staff-approval-filters>button{width:100%;min-width:0}.staff-content .staff-home-attendance h2,.staff-content .staff-kitchen-header h1{font-size:1rem;line-height:1.25rem}.staff-content .staff-schedule-header h1{overflow-wrap:normal;font-size:1rem;line-height:1.25rem}.staff-content .staff-schedule-header input{width:9.5rem}.staff-content .staff-attendance-card>div:first-child>div:last-child{gap:.25rem}}:is(.staff-shell,body:has(.staff-shell) [role=dialog]) .order-action-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}:is(.staff-shell,body:has(.staff-shell) [role=dialog]) .order-action-row>button{white-space:normal;overflow-wrap:normal;letter-spacing:0;gap:4px;width:100%;min-width:0;height:auto;min-height:44px;padding:6px 4px;font-size:11px;line-height:14px}:is(.staff-shell,body:has(.staff-shell) [role=dialog]) .order-action-row>button svg{flex-shrink:0;width:14px;height:14px;margin:0}@media (width<=767px){.staff-content .staff-payment-summary>button{display:none}.staff-content .staff-payment-actions button{gap:4px;padding-inline:4px;font-size:11px;line-height:14px}}.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}}:is(.pos-native-shell,body:has(.pos-native-shell) [role=dialog]) .order-action-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}:is(.pos-native-shell,body:has(.pos-native-shell) [role=dialog]) .order-action-row>button{white-space:normal;overflow-wrap:normal;letter-spacing:0;gap:4px;width:100%;min-width:0;height:auto;min-height:44px;padding:6px 4px;font-size:11px;line-height:14px}:is(.pos-native-shell,body:has(.pos-native-shell) [role=dialog]) .order-action-row>button svg{flex-shrink:0;width:14px;height:14px;margin:0}