.pos{overscroll-behavior:none;--p-ink:#12241a;--p-cream:#f3ece0;--p-brass:#8a6522;--p-sage:#cbd6b0;--p-muted:#74796f;--p-line:#1b1d1726;background:var(--p-cream);min-height:100vh;color:var(--p-ink);grid-template-rows:auto auto 1fr auto;grid-template-areas:"top""low""menu""order";font-family:Arial,Helvetica,sans-serif;display:grid}.pos button,.pos input,.pos select{font:inherit;color:inherit}.posTop{background:var(--p-ink);color:var(--p-cream);grid-area:top;align-items:center;gap:20px;padding:14px 20px;display:flex}.posTop h1{letter-spacing:.5px;margin:0;font-family:Georgia,serif;font-size:26px;font-weight:400}.posTop>div:first-child span{color:#a6a79e;margin-top:2px;font-size:11px;display:block}.posTakings{text-align:right;margin-left:auto}.posTakings span{letter-spacing:1.5px;text-transform:uppercase;color:var(--p-sage);font-size:10px;display:block}.posTakings b{font-family:Georgia,serif;font-size:26px;font-weight:400;line-height:1.2;display:block}.posTakings small{color:#a6a79e;font-size:10px}.posLang select{color:inherit;background:0 0;border:1px solid #ffffff3a;padding:10px 8px;font-size:13px}.posMenu{-webkit-overflow-scrolling:touch;grid-area:menu;padding:14px 14px 4px;overflow:auto}.posCategories{gap:8px;padding-bottom:12px;display:flex;overflow-x:auto}.posCategories button{border:1px solid var(--p-line);cursor:pointer;background:#fff;flex:none;min-height:52px;padding:0 20px;font-size:15px}.posCategories button.on{background:var(--p-ink);color:#fff;border-color:var(--p-ink)}.posGrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding-bottom:14px;display:grid}.posTile{border:1px solid var(--p-line);text-align:left;cursor:pointer;background:#fff;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;min-height:0;padding:14px 12px;display:flex;position:relative}.posTile:active{background:var(--p-sage);border-color:#a9bd6d}.posTile b{font-family:Georgia,serif;font-size:21px;font-weight:400;line-height:1.15}.posTile span{font-size:17px;font-weight:700}.posTile.out{opacity:.4;cursor:default}.posTile i{background:var(--p-brass);color:#fff;border-radius:999px;place-items:center;min-width:28px;height:28px;padding:0 6px;font-size:14px;font-style:normal;font-weight:700;display:grid;position:absolute;top:8px;right:8px}.posOrder{border-top:1px solid var(--p-line);background:#fff;flex-direction:column;grid-area:order;gap:10px;max-height:56vh;padding:12px 16px 16px;display:flex}.posEmpty{color:var(--p-muted);padding:18px 4px}.posEmpty b{color:var(--p-ink);font-family:Georgia,serif;font-size:20px;font-weight:400;display:block}.posEmpty p{margin:4px 0 0;font-size:13px}.posLines{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow:auto}.posLines li{border-bottom:1px solid var(--p-line);grid-template-columns:1fr auto auto 56px;align-items:center;gap:10px;padding:6px 0;display:grid}.posLineBody{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;gap:2px;min-height:56px;padding:10px 0;display:flex}.posLineBody b{font-family:Georgia,serif;font-size:18px;font-weight:400}.posLineBody small{color:var(--p-brass);font-size:12px}.posQty{color:var(--p-muted);font-size:16px}.posLines strong{text-align:right;min-width:76px;font-size:16px;font-weight:700}.posLess{border:1px solid var(--p-line);cursor:pointer;background:0 0;width:52px;height:52px;font-size:24px;line-height:1}.posSum{border-top:2px solid var(--p-ink);justify-content:space-between;align-items:baseline;padding-top:10px;display:flex}.posSum span{letter-spacing:1.5px;text-transform:uppercase;color:var(--p-muted);font-size:12px}.posSum b{font-family:Georgia,serif;font-size:34px;font-weight:400}.posPay{grid-template-columns:1fr 1fr;gap:10px;display:grid}.posPay button{letter-spacing:.5px;cursor:pointer;border:0;min-height:68px;font-size:18px;font-weight:700}.posPay .cash{background:var(--p-ink);color:#fff}.posPay .card{background:var(--p-brass);color:#fff}.posPay button:disabled{opacity:.55;cursor:progress}.posClear{border:1px solid var(--p-line);min-height:48px;color:var(--p-muted);cursor:pointer;background:0 0;font-size:13px}.posFailed{color:#8a2a15;margin:0;font-size:13px}.posPaid{background:var(--p-sage);text-align:center;padding:20px}.posPaid span{letter-spacing:2px;text-transform:uppercase;color:#4a5b2e;font-size:12px}.posPaid b{margin:4px 0 8px;font-family:Georgia,serif;font-size:52px;font-weight:400;line-height:1.1;display:block}.posPaid p{margin:0 0 14px;font-size:14px}.posPaid button{background:var(--p-ink);color:#fff;cursor:pointer;border:0;width:100%;min-height:60px;font-size:17px;font-weight:700}.posSheetBack{z-index:60;background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}.posSheet{background:var(--p-cream);flex-direction:column;width:100%;max-height:88vh;margin:auto;display:flex}.posSheet>header{background:var(--p-ink);color:var(--p-cream);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.posSheet>header b{font-family:Georgia,serif;font-size:22px;font-weight:400}.posSheet>header button{color:inherit;cursor:pointer;background:0 0;border:0;width:52px;height:52px;font-size:30px;line-height:1}.posSheetBody{padding:16px 20px;overflow:auto}.posSheetBody h3{letter-spacing:2px;text-transform:uppercase;color:var(--p-brass);margin:14px 0 8px;font-size:11px}.posOptions{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.posOptions button{border:1px solid var(--p-line);text-align:left;cursor:pointer;background:#fff;justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:0 16px;font-size:16px;display:flex}.posOptions button.on{background:var(--p-ink);color:#fff;border-color:var(--p-ink)}.posOptions i{opacity:.75;font-size:13px;font-style:normal}.posNoOptions{color:var(--p-muted)}.posSheet>footer{border-top:1px solid var(--p-line);padding:14px 20px}.posSheet>footer button{background:var(--p-brass);color:#fff;cursor:pointer;border:0;width:100%;min-height:64px;font-size:18px;font-weight:700}.posSheet>footer button:disabled{opacity:.5;cursor:default}.posLock{grid-template:none;place-items:center;min-height:100vh;display:grid}.posLock form{text-align:center;flex-direction:column;gap:14px;width:min(380px,100% - 48px);display:flex}.posLock h1{margin:0;font-family:Georgia,serif;font-size:34px;font-weight:400}.posLock p{color:var(--p-muted);margin:0}.posLock input{border:1px solid var(--p-line);text-align:center;background:#fff;outline:0;padding:16px;font-size:18px}.posLock input:focus-visible{border-color:var(--p-brass)}.posLock button{background:var(--p-brass);color:#fff;cursor:pointer;border:0;min-height:60px;font-size:17px;font-weight:700}.posLoading{background:var(--p-cream);grid-template:none}@media (width>=900px){.pos{grid-template:"top top""low low""menu order"1fr/1fr 400px}.posOrder{border-top:0;border-left:1px solid var(--p-line);max-height:none;overflow:auto}.posGrid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.posSheetBack{justify-content:center;align-items:center}.posSheet{max-width:560px}}.posTakings{cursor:pointer;text-align:right;background:0 0;border:0;margin-left:auto;padding:6px 8px}.posTakings:active{background:#ffffff1a}.posSales{margin:0;padding:0;list-style:none}.posSales li{border-bottom:1px solid var(--p-line);align-items:center;gap:12px;padding:12px 0;display:flex}.posSales li>div{flex:1;min-width:0}.posSales b{font-family:Georgia,serif;font-size:18px;font-weight:400;display:block}.posSales small{color:var(--p-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;display:block;overflow:hidden}.posSales li.void b{color:var(--p-muted);text-decoration:line-through}.posSales li.void small{color:#8a2a15}.posSales li button{border:1px solid var(--p-line);cursor:pointer;white-space:nowrap;background:#fff;min-height:52px;padding:0 18px;font-size:14px}.posSales li button.sure{color:#fff;background:#8a2a15;border-color:#8a2a15;font-weight:700}.posPadCaption{border-bottom:1px solid var(--p-line);justify-content:space-between;align-items:baseline;padding-bottom:10px;display:flex}.posPadCaption span{letter-spacing:1.5px;text-transform:uppercase;color:var(--p-muted);font-size:11px}.posPadCaption b{font-family:Georgia,serif;font-size:24px;font-weight:400}.posPadAmount{justify-content:space-between;align-items:baseline;padding:14px 0 4px;display:flex}.posPadAmount span{letter-spacing:1.5px;text-transform:uppercase;color:var(--p-muted);font-size:11px}.posPadAmount b{font-family:Georgia,serif;font-size:40px;font-weight:400;line-height:1}.posChange{text-align:right;color:var(--p-muted);margin:2px 0 0;font-size:14px}.posChange b{color:var(--p-brass);font-family:Georgia,serif;font-size:26px;font-weight:400}.posNotes{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin:14px 0 10px;display:grid}.posNotes button{border:1px solid var(--p-line);cursor:pointer;background:#fff;min-height:56px;font-size:15px}.posNotes button:first-child{background:var(--p-sage);border-color:#a9bd6d;font-weight:700}.posKeys{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.posKeys button{border:1px solid var(--p-line);cursor:pointer;background:#fff;min-height:64px;font-family:Georgia,serif;font-size:24px}.posKeys button:active{background:var(--p-sage)}.posTwo{grid-template-columns:1fr 1.4fr;gap:10px;display:grid}.posSheet>footer.posTwo button{width:auto}.posSheet>footer button.plain{border:1px solid var(--p-line);color:var(--p-ink);background:0 0;font-weight:400}.posReport{grid-template-columns:1fr auto;gap:10px 16px;margin:0;display:grid}.posReport dt{color:var(--p-muted);font-size:13px}.posReport dd{text-align:right;margin:0;font-family:Georgia,serif;font-size:19px}.posReport dt.off,.posReport dd.off{color:#8a2a15;font-weight:700}.posPaid em{color:#4a5b2e;margin:-4px 0 10px;font-size:15px;font-style:normal;display:block}.posPaid em+p{margin-top:0}.posWaiting{color:var(--p-cream);cursor:pointer;background:0 0;border:1px solid #ffffff3a;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.posWaiting span{font-size:16px}.posWaiting:active{background:#ffffff1a}.posRejected{color:#8a2a15;background:#f6d5cf;padding:12px 14px}.posRejected>b{letter-spacing:1.5px;text-transform:uppercase;font-size:12px}.posRejected ul{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.posRejected li{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.posRejected li button{min-height:44px;color:inherit;cursor:pointer;background:#fff;border:1px solid #8a2a1544;padding:0 14px;font-size:13px}.posChangeLink{min-height:44px;color:var(--p-brass);cursor:pointer;background:0 0;border:0;align-self:flex-end;padding:0 6px;font-size:13px;text-decoration:underline}.posMenu{flex-direction:column;display:flex}.posGrid{flex:1;grid-auto-rows:clamp(104px,20vh,160px);align-content:start}.posSales li{flex-direction:column;align-items:stretch}.posSaleHead{align-items:center;gap:12px;display:flex}.posSaleBody{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;min-width:0;padding:4px 0}.posSaleBody em{color:var(--p-brass);margin-top:3px;font-size:12px;font-style:normal;display:block}.posSaleLines{border-left:2px solid var(--p-line);flex-direction:column;gap:6px;margin:8px 0 2px;padding:0 0 0 14px;list-style:none;display:flex}.posSaleLines li{border:0;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:0;font-size:14px}.posSaleLines button{border:1px solid var(--p-line);cursor:pointer;background:#fff;min-width:44px;min-height:44px;font-size:16px;line-height:1}.posDrawer{border-bottom:1px solid var(--p-line);align-items:center;gap:10px;margin-bottom:10px;padding-bottom:14px;display:flex}.posDrawer>div{flex:1;min-width:0}.posDrawer span{letter-spacing:1.5px;text-transform:uppercase;color:var(--p-muted);font-size:11px;display:block}.posDrawer b{font-family:Georgia,serif;font-size:24px;font-weight:400}.posDrawer button{border:1px solid var(--p-line);cursor:pointer;background:#fff;min-height:52px;padding:0 16px;font-size:14px}.posLow{background:#f3e3b3;flex-wrap:wrap;grid-area:low;align-items:baseline;gap:6px 16px;padding:10px 20px;font-size:14px;display:flex}.posLow>b{letter-spacing:1.5px;text-transform:uppercase;font-size:11px;font-weight:700}.posLow i{color:#6b5a2a;font-style:normal}