@font-face{font-family:Boiling;src:url(assets/Boiling-BlackDemo.ttf)}@font-face{font-family:Round;src:url(assets/AllRoundGothic-Medium.ttf);font-weight:500}@font-face{font-family:Round;src:url(assets/AllRoundGothic-Demi.ttf);font-weight:700}
:root{font-family:Round,Arial,sans-serif;font-weight:500;color:#111;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:2px solid #111;border-radius:12px;background:#fff;color:#111;padding:12px;min-height:46px}button:disabled{opacity:.4;cursor:wait}button.active,.primary{background:#111;color:#fff}input,select,textarea{border:2px solid #ddd;border-radius:10px;padding:12px;max-width:100%;background:#fff;color:#111}label{display:flex;flex-direction:column;gap:5px;margin:12px 0}h1,h2,h3,.brand{font-family:Boiling,Round,sans-serif;font-weight:400;margin:0 0 16px}h1{font-size:32px}h2{font-size:28px}#notice{background:#eee;text-align:center;padding:6px;font-size:13px}.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:2px solid #eee;padding:10px 18px;min-height:72px}.bar button{font-weight:700}.clock{font-size:16px}.signin{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100dvh - 30px)}.venue{background:url(assets/venue.jpg) center/cover}.pinpad{padding:28px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}.logo{object-fit:contain;width:100px;height:130px}.people{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.people button{border-radius:30px;padding:8px 14px}.keys{display:grid;grid-template-columns:repeat(3,72px);gap:10px}.keys button{background:#f1f1f1;border:0;font-size:24px;height:60px}.pin{font-size:28px;letter-spacing:8px;height:36px}.workspace{display:grid;grid-template-columns:154px minmax(0,1fr) 290px;min-height:calc(100dvh - 105px)}nav{background:#111;color:#fff;padding:14px 10px;display:flex;flex-direction:column;gap:5px}nav .logo{width:64px;height:84px;filter:invert(1);margin:auto auto 10px}nav button{background:transparent;color:#ddd;text-align:left;border:0;font-size:15px;padding:12px}nav button.active{background:#fff;color:#111}nav .actions{margin-top:auto;display:flex;flex-direction:column;gap:5px}nav .actions button{background:#fff;color:#111;font-weight:700}main{padding:18px;min-width:0}.heading{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:14px}.tile{min-height:112px;border-color:#ddd;text-align:left;display:flex;justify-content:space-between;flex-direction:column;gap:14px;position:relative}.tile .bottom{display:flex;justify-content:space-between;gap:6px;align-items:baseline}.tile small{font-size:12px;color:#666}.tile.low{border-style:dashed;border-color:#111}.tile em{font-size:10px;position:absolute;right:5px;top:3px}.order{border-left:2px solid #eee;background:#fafafa;padding:18px;display:flex;flex-direction:column;gap:10px;min-width:0}.line{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #ddd;padding:10px 0}.line button{min-height:28px;padding:2px 8px;font-size:12px}.total{margin-top:auto;font-weight:700;font-size:24px;display:flex;justify-content:space-between;padding-top:18px}.controls,.chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.order select{width:100%}.content{max-width:1200px;margin:auto;padding:24px}.split{display:grid;grid-template-columns:1fr 340px;gap:24px}.dark{background:#111;color:#fff;padding:24px;border-radius:14px}.dark input,.dark select{width:100%}.stockrow{display:grid;grid-template-columns:1fr 90px 100px;gap:10px;align-items:center;border-bottom:1px solid #ddd;padding:12px 0}.qr{max-width:330px;width:100%;max-height:400px;object-fit:contain;background:white}.money{font-size:44px;font-weight:700;margin:24px 0}dialog{border:2px solid #111;border-radius:18px;max-width:680px;width:94%;max-height:90dvh;padding:24px}dialog::backdrop{background:#0008}.error{color:#a00;max-width:700px;padding:14px;background:#fff0f0}.hint{color:#666;font-size:13px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid #ddd;padding:10px;vertical-align:top}.scroll{overflow:auto}.receipt{max-width:180px;max-height:200px;object-fit:contain}.hidden{display:none!important}.pending{background:#fff2c3;padding:12px}.back{margin-bottom:20px}.report-block{margin:26px 0}.settings-row{border-bottom:1px solid #ddd;padding:12px}button:focus-visible,input:focus-visible{outline:3px solid #888;outline-offset:3px}
[hidden]{display:none!important}.workspace{height:calc(100dvh - 101px);min-height:0}.workspace main,.order{overflow:auto}.navgroups{overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:3px}nav{min-height:0}nav>.logo{flex-shrink:0}nav .actions{flex-shrink:0}.tile .bottom{flex-wrap:wrap}.order .controls{flex-shrink:0}
@media(max-width:800px){.workspace{grid-template-columns:120px minmax(0,1fr);height:auto;min-height:calc(100dvh - 130px)}.workspace main{min-height:380px}.order{grid-column:1/-1;border-top:2px solid #ddd;border-left:0;min-height:320px}nav{max-height:650px}.signin{grid-template-columns:1fr}.venue{height:160px}.pinpad{padding:20px}.bar{flex-wrap:wrap;padding:10px}.clock{font-size:13px}.split{grid-template-columns:1fr}.grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.content{padding:16px}.stockrow{grid-template-columns:1fr 70px 85px}.workspace main{padding:12px}.bar button{padding:8px;font-size:14px}}
@media print{#notice,.bar,nav,button,input,select,.controls,.no-print{display:none!important}.content{padding:0}.report-block{break-inside:avoid}.scroll{overflow:visible}table{font-size:10px}body{color:#000;background:#fff}}

/* Phone navigation: keep text-sized buttons and owner tools visible. */
nav button{flex-shrink:0;height:auto;white-space:normal;overflow-wrap:normal;line-height:1.3}
.navtools{display:flex;flex-direction:column;gap:3px;flex-shrink:0}
@media(max-width:600px){
 .workspace{display:flex;flex-direction:column;min-height:0;height:auto}
 .workspace>nav{width:100%;max-height:none;padding:10px 12px;gap:10px;flex:none}
 nav>.logo{display:none}
 .navtools{order:-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .navtools button{border:1px solid #777;text-align:center;padding:10px 8px;min-height:44px;font-size:14px}
 .navgroups{display:flex;flex-direction:row;gap:8px;overflow-x:auto;overflow-y:hidden;width:100%;padding:0 0 6px;flex:none;-webkit-overflow-scrolling:touch}
 .navgroups button{flex:0 0 auto;white-space:nowrap;min-height:46px;padding:10px 14px;font-size:14px}
 nav .actions{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 nav .actions button{padding:10px 6px;font-size:13px;min-height:46px;text-align:center}
 .workspace main{min-height:0;padding:14px 12px;overflow:visible}
 .heading{gap:8px}.heading h2{font-size:27px;margin:0}.heading input{width:100%;font-size:16px}
 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .tile{min-width:0;min-height:126px;padding:12px;font-size:15px;line-height:1.35;gap:16px}
 .tile>span:first-child{overflow-wrap:anywhere}.tile .bottom{gap:4px;align-items:center}.tile .bottom b{font-size:15px}.tile small{font-size:12px}
 .order{min-height:300px;padding:16px 12px;overflow:visible}
 .bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 12px;min-height:0}
 .bar>span:first-child{font-size:14px}.bar .clock{grid-column:1/-1;grid-row:2;font-size:12px}.bar button{grid-column:2;grid-row:1;min-height:44px;padding:8px;font-size:13px}
 .settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-row button{flex:none}
}

.phone-order-controls{display:none}@media(max-width:600px){.phone-order-controls{display:block;margin-bottom:16px}.phone-order-controls select{width:100%;font-size:16px}.phone-order-controls .controls{gap:6px}.phone-order-controls button{font-size:13px;padding:10px}.order>#table,.order>#table+.controls{display:none}}