*{box-sizing:border-box}body{margin:0;background:white;color:#111;font-family:Calibri,Arial,sans-serif;font-size:16px}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;border:0;border-radius:0;color:inherit}button:focus-visible,input:focus-visible{outline:3px solid #2458a4;outline-offset:2px}button:active{filter:brightness(.88)}button:disabled{cursor:default}#app{padding:16px 18px 10px;max-width:1550px;margin:auto}.sheet{display:grid;grid-template-columns:255px minmax(0,1fr);gap:16px}.left{min-width:0}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.keypad button{height:46px;background:#f3f3f3;font-size:22px}.number{margin-top:12px;background:#e7e6e6;display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:10px 12px}.number output{font-size:25px}.total{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:60px;font-size:18px}.total strong{font-size:25px;white-space:nowrap}.deposit{display:flex;justify-content:space-between;font-size:14px;padding-bottom:8px}.products{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.products button{min-height:46px;padding:5px 3px;font-family:'Arial Narrow',Arial,sans-serif;font-stretch:condensed;font-size:16px;line-height:1.1;overflow-wrap:anywhere}.food{background:#f4b183}.drink{background:#9dc3e6}.cake{background:#b75d25}.other,.yellow{background:#ff0}.lower{margin-top:20px;row-gap:22px}.lower button{min-height:55px}.actions{margin-top:20px;display:grid;grid-template-columns:1fr 2.12fr 1fr 1fr 3.24fr 1fr;gap:12px;min-height:68px}.actions button{font-size:16px;padding:6px}.green{background:#00b050}.amber{background:#ffc000}.red{background:#f00}.event{background:#e7e6e6;text-align:center;display:flex;flex-direction:column;justify-content:space-around;font-size:15px;padding:5px}.event strong{font-weight:normal}.info{display:flex;flex-direction:column;align-items:center;justify-content:space-between;font-size:13px}.info button{background:#808080;color:white;width:100%}.cart-wrap{max-height:350px;overflow:auto}.cart{width:100%;border-collapse:collapse;font-size:15px}.cart td{padding:6px 2px;border-bottom:1px solid #eee}.cart td:last-child{text-align:right;white-space:nowrap}.cart button{background:transparent;text-align:left;width:100%;padding:0}.cart tr.selected{background:#fff4d7}.cart small{color:#555}#status{font-size:14px;min-height:20px;margin:14px 0 9px}.tabs{display:flex;gap:2px;flex-wrap:wrap;border-top:1px solid #ddd;padding-top:6px}.tabs button,.restore{background:#eee;padding:10px 13px;font-size:14px;cursor:pointer}.tabs .active{background:white;color:#18713b;border-bottom:3px solid #18713b}.storage-note{font-size:13px;color:#555;margin:10px 0}input{min-width:0;max-width:100%;padding:9px;border:1px solid #aaa;background:white;border-radius:0}#given{width:100%;margin-top:6px}#payment{padding:10px 0}dialog{border:1px solid #bbb;padding:22px;width:min(920px,94vw);max-height:90vh}dialog::backdrop{background:#0006}dialog header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}h1{font-size:23px;margin:0}h2{font-size:20px}dialog header button{font-size:28px;background:#eee;padding:0 12px}.editor,.report{border-collapse:collapse;width:100%}.editor th,.editor td,.report th,.report td{padding:8px;text-align:left;border-bottom:1px solid #ddd}.editor input{width:100%}.editor input[type=number]{width:100px}.primary{background:#00b050;padding:12px 18px;margin-top:15px}.secondary{background:#eee;padding:10px;margin:8px 6px 8px 0}.history{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #ddd;align-items:center;padding:8px 0;flex-wrap:wrap}.history button{background:#eee;padding:10px}.muted{color:#666}.receipt{font-family:monospace;font-size:15px;max-width:320px;margin:10px auto}.receipt h2{text-align:center;font-size:17px}.receipt table{width:100%;border-collapse:collapse}.receipt td{padding:5px 0}.receipt td:last-child{text-align:right}.ticket{font-family:monospace;padding:14px;border-bottom:1px dashed black;break-after:page;text-align:center}.ticket h2{font-size:28px}#print-area{display:none}@media(min-width:1200px){.products button{min-height:54px}.keypad button{height:54px}.lower button{min-height:66px}}@media(max-width:900px){#app{padding:10px}.sheet{grid-template-columns:200px minmax(0,1fr);gap:10px}.products{gap:8px}.products button{font-size:14px;min-height:52px}.keypad{gap:8px}.actions{gap:8px}.actions button{font-size:14px}.event{font-size:13px}.total strong{font-size:21px}.lower{row-gap:14px}}@media(max-width:650px){.sheet{display:flex;flex-direction:column}.left{display:grid;grid-template-columns:150px 1fr;gap:8px}.keypad{grid-row:1/5}.keypad button{height:44px}.number{margin-top:0;min-height:44px}.total{min-height:44px}.deposit{align-items:center}.cart-wrap,#payment{grid-column:1/-1}.products{gap:6px}.products button{font-size:13px;min-height:55px}.actions{grid-template-columns:1fr 2fr 1fr 1fr;gap:6px}.event{grid-column:1/4;min-height:55px}.info{grid-column:4}.lower{margin-top:14px}.editor th,.editor td{padding:5px}.editor input[type=number]{width:70px}}@media print{body>*{display:none!important}#print-area{display:block!important;width:72mm;margin:auto}@page{margin:5mm}.receipt{margin:0}.ticket:last-child{break-after:auto}}

.food{background:var(--food,#f4b183)}.drink{background:var(--drink,#9dc3e6)}.cake{background:var(--cake,#b75d25)}.other{background:var(--other,#ffff00)}