/* Cream, forest green and gold identity for the cashier interface only. */
:root{--bg:#f8f5ee;--surface:#fffdf8;--text:#102e21;--text2:#73766d;--accent:#174b31;--accent-hover:#0e3723;--green:#174b31;--orange:#bb8629;--red:#c4493e;--border:#e1dfd4;--radius:18px;--shadow:0 3px 16px #233d2110;--gold:#b88328}
body{font-family:'Segoe UI',Arial,sans-serif;background:var(--bg);font-size:14px}
button,input,select{font-family:inherit}a{text-decoration:none}
.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;color:var(--gold);margin-bottom:5px}
.header{height:88px;padding:15px 28px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 2px 12px #132f2003}
.cashier-brand{display:flex;gap:16px;align-items:center}.brand-mark{width:62px;height:50px;object-fit:contain}.brand-copy{border-left:1px solid #c69a49;padding-left:16px}.brand-name{font-size:23px;font-weight:800;letter-spacing:-.7px;line-height:1.15}.header h1{font-size:13px;font-weight:450;color:#6b7166;margin-top:3px}.terminal-label{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--accent);margin-right:12px}.terminal-label:before{content:'';height:7px;width:7px;border-radius:50%;background:#679266}.cashier-nav .subtitle:empty{display:none}.cashier-nav .subtitle{border-radius:20px;background:#f7eed8;color:#8c641c;padding:6px 10px;font-weight:600}
.btn{border-radius:11px;min-height:41px;font-size:13px;padding:10px 17px;transition:background .15s,transform .15s}.btn-outline{border:1px solid var(--border);background:var(--surface);color:var(--text)}.btn-outline:hover{background:#f0f2e8;border-color:#a5b4a0}.btn-sm{padding:8px 15px}.btn:focus-visible,.pin-key:focus-visible,.menu-item:focus-visible,.cat-tab:focus-visible{outline:3px solid #bd923e;outline-offset:3px}
.pos-layout{grid-template-columns:minmax(0,1fr) 370px;gap:24px;height:calc(100dvh - 88px);padding:26px 28px 24px;max-width:1800px;margin:0 auto}.menu-panel{padding:0 4px 5px 0;gap:22px;min-width:0;scrollbar-width:thin;scrollbar-color:#ced3c3 transparent}.menu-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.menu-heading h2{font-size:30px;line-height:1.15;letter-spacing:-1px;font-weight:750}.menu-heading p{font-size:12px;margin-top:7px}.menu-search{display:flex;align-items:center;gap:10px;max-width:265px;flex:1;margin:0;padding:0 13px;border:1px solid var(--border);border-radius:12px;background:var(--surface);min-height:45px}.menu-search svg{width:19px;height:19px;stroke:#6e7b68;stroke-width:1.7;flex-shrink:0}.menu-search input{font-size:13px;border:0;border-radius:0;background:none;padding:11px 0;min-width:0;font-weight:400;outline:none}.menu-search:focus-within{outline:2px solid #b28a36;outline-offset:2px}
.cat-tabs{gap:9px;padding:1px 1px 5px;flex-shrink:0}.cat-tab{padding:9px 21px;border-radius:100px;border:1px solid #dcded2;font-size:13px;font-weight:550;background:transparent}.cat-tab:hover{background:#ecefe2}.cat-tab.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 3px 8px #174b3114}
.menu-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:15px;align-content:start}.menu-item{padding:0;overflow:hidden;text-align:left;border:1px solid #e5e3d8;border-radius:17px;box-shadow:0 2px 6px #32452c05;background:var(--surface);min-width:0;color:var(--text)}.menu-item:hover{transform:translateY(-2px);border-color:#8caa84;box-shadow:0 6px 15px #2c492014}.menu-item:active{transform:scale(.98)}.menu-visual{height:104px;background:#ebeedf;display:grid;place-items:center;overflow:hidden}.menu-visual img{width:100%;height:100%;object-fit:cover}.menu-visual svg{width:51px;height:51px;stroke:#81936e;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.visual-drink{background:#efeadf}.visual-drink svg{stroke:#aa956e}.menu-card-copy{position:relative;padding:13px 42px 14px 15px;min-height:76px}.menu-item .name{font-size:14px;line-height:1.3;font-weight:650;margin:0 0 5px}.menu-item .price{font-size:15px;font-weight:750;color:var(--gold)}.menu-add{position:absolute;right:12px;bottom:17px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;color:#fff;background:var(--accent);font-size:22px;font-weight:300;line-height:1}.menu-empty{grid-column:1/-1;padding:40px;text-align:center}
.cart{border:1px solid #e0e3d4;border-radius:21px;padding:22px;min-height:0;box-shadow:0 4px 20px #24422006}.cart-heading{padding-bottom:17px;margin-bottom:0;border-bottom:1px solid #e9e8df}.cart-heading h2{font-size:21px;font-weight:750;letter-spacing:-.5px}.cart-heading .btn{min-height:32px;font-size:11px;padding:5px 11px}.cart-heading .eyebrow{font-size:9px;letter-spacing:1.6px}.cart-items{padding:6px 0;min-height:95px;scrollbar-width:thin;scrollbar-color:#d0d6c4 transparent}.cart-items>p{margin-top:18px;line-height:1.8;color:#92978b}.cart-item{gap:12px;padding:14px 0;border-color:#eeece3}.cart-item>div:first-child{min-width:0}.cart-item .bold{font-size:13px;line-height:1.4}.cart-item .text2{font-size:11px;color:#96988a;margin-top:3px}.qty-ctrl{gap:3px;flex-shrink:0}.qty-btn{border:1px solid #dfe3d4;background:#f7f8f0;color:var(--accent);width:26px;height:26px;border-radius:8px;font-size:15px}.qty-btn:hover{background:#e6eddd}.checkout-panel{border-top:1px dashed #cfd5c3!important;padding-top:17px!important}.checkout-panel>.flex{font-size:12px}.total-line{align-items:center;padding-top:5px;font-size:16px!important}.total-line #cartTotal{font-size:27px;letter-spacing:-.8px;color:var(--accent)}.checkout-panel input,.checkout-panel select{font-size:12px;padding:10px;border-radius:9px;min-height:42px;background:#f8f7f1;border:1px solid var(--border)}#orderType{flex:1 1 auto!important;min-width:0}#tableNo{flex:0 0 92px!important;width:92px!important}.payment-cash,.payment-qr{min-height:51px;font-size:14px;justify-content:space-between;padding:12px 17px;border-radius:12px}.payment-cash{background:#174b31}.payment-cash:hover{background:#103b26}.payment-qr{background:#ecc264;color:#163b27}.payment-qr:hover{background:#dfb454}.payment-cash span,.payment-qr span{font-size:18px}
.modal-overlay{background:#0c261d66;backdrop-filter:blur(4px)}.modal{border-radius:21px;border:1px solid #e5e6d9;background:var(--surface);box-shadow:0 20px 70px #0c201a33}.modal h2{margin-bottom:0;font-size:22px}.order-card{border:1px solid #e2e5d7;border-left-width:4px;box-shadow:none}.toast{background:#174b31;border-radius:12px;box-shadow:0 4px 20px #173a2222}.badge{font-size:10px;letter-spacing:.4px}.badge-preparing{background:#e7eddf;color:#35573a}.badge-ready{background:#dcecd5;color:#235127}
.pin-screen{background:radial-gradient(ellipse at 50% 5%,#e7eddd 0,transparent 55%),var(--bg);position:relative}.pin-box{width:390px;border:1px solid #e0e3d5;border-radius:26px;background:var(--surface);padding:35px 40px;box-shadow:0 15px 60px #243a2010}.pin-brand{display:flex;align-items:center;justify-content:center;gap:12px;padding-bottom:26px;margin-bottom:25px;border-bottom:1px solid #e9e7da}.pin-brand img{width:51px;height:43px;object-fit:contain}.pin-brand span{font-size:27px;font-weight:800;letter-spacing:-.8px}.pin-box h1{font-size:28px;letter-spacing:-1px;margin:5px 0 8px}.pin-box p{font-size:12px}.pin-box .eyebrow{font-size:9px}.pin-dots{margin:25px 0}.pin-dot{width:12px;height:12px;border:1px solid #c2cbb4;background:#f4f5ed}.pin-dot.filled{background:var(--accent);border-color:var(--accent)}.pin-pad{grid-template-columns:repeat(3,1fr);gap:9px}.pin-key{width:auto;height:53px;border-radius:12px;border:1px solid #e1e4d6;background:#f8f8f1;color:var(--text);font-size:20px;font-weight:550}.pin-key:hover{background:#e7edde}.pin-key.wide{font-size:12px;background:#f2ecdd;color:#8e6b30}.pin-key:active{background:#dce6d0}
#printPrompt{background:var(--surface)!important;border:1px solid var(--border);border-radius:16px!important}
@media(min-width:1450px){.menu-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr))}.menu-visual{height:130px}}
@media(max-width:1100px){.header{padding:14px 20px}.pos-layout{padding:22px 20px;grid-template-columns:minmax(0,1fr) 335px;gap:18px}.cart{padding:18px}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(137px,1fr));gap:12px}.menu-heading{align-items:flex-start;flex-direction:column;gap:14px}.menu-search{max-width:none;width:100%;flex:none}.menu-heading p{display:none}.menu-panel{gap:15px}.menu-visual{height:95px}}
@media(max-width:760px){.header{height:78px;padding:12px 16px}.brand-mark{width:44px;height:39px}.cashier-brand{gap:10px}.brand-copy{padding-left:10px}.brand-name{font-size:20px}.header h1{font-size:11px}.terminal-label{display:none}.cashier-nav{gap:6px}.cashier-nav .btn{font-size:11px;padding:7px 10px;min-height:35px}.cashier-nav .subtitle{font-size:10px}.pos-layout{height:auto;grid-template-columns:minmax(0,1fr);padding:19px 16px;gap:22px}.menu-panel{overflow:visible!important;padding:0}.menu-heading{flex-direction:row;align-items:center}.menu-heading h2{font-size:26px}.menu-search{width:auto;flex:1;max-width:240px;min-width:0}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}.menu-visual{height:95px}.cart{min-height:370px}.cart-items{max-height:330px}.cart-heading h2{font-size:22px}.checkout-panel input,.checkout-panel select{font-size:14px}.payment-cash,.payment-qr{min-height:53px}.modal{padding:20px}}
@media(max-width:420px){.header{padding:12px}.brand-mark{width:37px}.cashier-brand{gap:7px}.brand-copy{padding-left:8px}.brand-name{font-size:18px}.cashier-nav .subtitle{display:none}.pos-layout{padding:17px 12px}.menu-heading{align-items:stretch;flex-direction:column;gap:12px}.menu-search{max-width:none;width:100%;flex:none}.menu-card-copy{padding-left:12px}.menu-item .name{font-size:13px}.pin-box{padding:28px 25px}.pin-screen{padding:20px}.pin-brand span{font-size:25px}}