.hero{
  background-image:linear-gradient(90deg,rgba(12,11,9,.92) 0%,rgba(12,11,9,.72) 42%,rgba(12,11,9,.18) 100%),url("t5-interior-bg.png");
  background-size:cover;
  background-position:center 46%;
}
.voucher-card{
  background-image:linear-gradient(100deg,rgba(15,13,10,.94),rgba(35,26,15,.72)),url("t5-interior-bg.png");
  background-size:cover;
  background-position:center;
  min-height:130px;
  align-content:center;
  box-shadow:inset 0 0 0 1px rgba(229,180,91,.22);
}
.voucher-note{margin:-8px 0 16px;color:#70695f;font-size:12px;line-height:1.5}
input[readonly]{background:#eee8dc;color:#86652c;font-weight:700;cursor:not-allowed}
#manager{
  background-image:linear-gradient(rgba(246,242,234,.88),rgba(246,242,234,.94)),url("t5-interior-bg.png");
  background-size:cover;
  background-position:center;
  background-attachment:fixed;
}
#manager .content{background:transparent}
.voucher-stock{margin-top:24px;border-top:1px solid #ddd3c4;padding-top:18px}
.stock-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:10px}.stock-head small{font-size:9px;color:#9b742f;font-weight:700}.stock-head h3{margin:4px 0 0;font-size:18px}.stock-head>b{font-size:11px;background:#eadbbd;color:#76551f;padding:6px 9px;border-radius:20px}
.stock-row{display:grid;grid-template-columns:1.25fr .75fr auto;align-items:center;gap:12px;background:#fff;border:1px solid #e2d9cc;border-radius:7px;padding:11px 12px;margin-top:7px}.stock-row>div{display:flex;flex-direction:column;gap:3px}.stock-row strong{color:#8b6321}.stock-row span{font-size:10px;color:#777}.stock-row button{border:0;background:#2f7655;color:#fff;border-radius:5px;padding:9px 11px;font-size:10px;font-weight:700}.stock-row button:hover{background:#245c42}.stock-empty{text-align:center;color:#888;font-size:11px;padding:15px}
@media(max-width:600px){.stock-row{grid-template-columns:1fr auto}.stock-row>div:nth-child(2){display:none}}
.title-actions{display:flex;gap:8px}.outline{background:#fff;border:1px solid #bda36e;color:#795722;border-radius:6px;padding:11px 14px;font-weight:700}
.table-ordering header nav,.table-ordering header .online{display:none}.table-ordering header{justify-content:center}.table-ordering header .logo{width:auto}.table-ordering #customer{display:block}
.qr-modal{width:min(920px,96vw)}.qr-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;max-height:60vh;overflow:auto;padding:3px}.qr-grid article{background:#fff;border:1px solid #e2d8c8;border-radius:7px;padding:8px;text-align:center;display:flex;flex-direction:column;gap:4px}.qr-grid img{width:100%;aspect-ratio:1/1;object-fit:contain}.qr-grid b{font-size:12px;color:#8c6421}.qr-grid a{font-size:9px;color:#555}@media(max-width:700px){.qr-grid{grid-template-columns:repeat(3,1fr)}.title-actions{margin-top:12px;flex-wrap:wrap}}
.payment-modal{width:min(520px,94vw)}.bill-lines{border-top:1px solid #ddd4c6;border-bottom:1px solid #ddd4c6;margin:12px 0}.bill-lines div,.bill-subtotal{display:flex;justify-content:space-between;padding:11px 2px}.bill-lines div+div{border-top:1px dashed #ddd4c6}.bill-lines span{color:#777;font-size:12px}.bill-subtotal strong{font-size:22px;color:#8b6321}.pay-label{display:block;font-size:11px;font-weight:700;margin-top:13px}.pay-label input{display:block;width:100%;margin-top:6px;border:1px solid #d5ccbe;border-radius:6px;padding:11px;text-transform:uppercase}.pay-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.pay-methods input{display:none}.pay-methods span{display:block;border:1px solid #d5ccbe;border-radius:6px;padding:12px;text-align:center}.pay-methods input:checked+span{border-color:#b6812e;background:#f2e4c7;color:#79551e;font-weight:700}.pay-submit{width:100%}.tables div.busy,.tables div.waiting{cursor:pointer}.tables div.waiting{box-shadow:0 0 0 3px rgba(216,169,79,.2)}
.bill-items{border:1px solid #ddd4c6;border-radius:7px;overflow:hidden;margin:14px 0 8px}.bill-head,.bill-item{display:grid;grid-template-columns:minmax(150px,1.5fr) 40px 90px 100px;align-items:center;gap:8px;padding:10px 11px}.bill-head{background:#2b251b;color:#ebc777;font-size:9px;text-transform:uppercase}.bill-head b:not(:first-child),.bill-item>*:not(:first-child){text-align:right}.bill-item{background:#fff;font-size:11px}.bill-item+.bill-item{border-top:1px dashed #ddd4c6}.bill-item strong{line-height:1.3}.bill-item span{color:#777}.bill-item b{color:#8a6220}.bill-meta{display:flex;justify-content:space-between;color:#888;font-size:9px}.bill-subtotal{border-top:1px solid #d8cdbd;margin-top:10px}@media(max-width:520px){.bill-head,.bill-item{grid-template-columns:minmax(110px,1.4fr) 28px 70px 82px;padding:9px 7px;gap:4px;font-size:9px}}
