.stock-alert{background:#fff6e5;border:1px solid #f1d69a;color:#754f08;padding:12px 14px;border-radius:12px;margin-bottom:14px}
.stock-alert b{margin-right:5px}
.receipt{font-size:14px;max-width:360px;margin:auto}
.receipt h2{text-align:center}
.receipt .center{text-align:center}
.receipt hr{border:0;border-top:1px dashed #aaa;margin:12px 0}
.receipt-line{display:flex;justify-content:space-between;gap:12px;margin:7px 0}
.receipt-total{font-size:18px;font-weight:800}
.receipt-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}
.product-image{display:block;width:100%;height:105px;object-fit:cover;border-radius:9px;margin:0 0 10px}
.reward-image{display:block;width:64px;height:64px;object-fit:cover;border-radius:10px;background:#f2f4f6}
.reward-photo-picker{display:flex;flex:1;min-width:180px;align-items:center;gap:10px;padding:8px 11px;border:1px solid #dfe3e9;border-radius:10px;color:#68717d;font-size:14px}
.reward-photo-picker input{min-width:0;padding:0;border:0}
.reward-history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.reward-history-heading button{font-size:14px;padding:8px 14px}
.sync-status{align-self:center;color:#707987;font-size:12px;white-space:nowrap}
.sync-status.sync-online{color:#136b55}
.sync-status.sync-offline{color:#9b5700}
.cloud-dialog{width:min(560px,100%)}
.cloud-dialog .form{display:grid;grid-template-columns:1fr}
.cloud-dialog input{width:100%}
.cloud-dialog .dialogfoot{flex-wrap:wrap}
.cloud-error{color:#a52e2e;font-size:13px}
@media(max-width:850px){.sync-status{display:none}}
.pay-qr{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f7f9fb;border:1px solid #e5e9ee;border-radius:12px;padding:10px;margin:12px 0}
.pay-qr img{width:118px;height:118px;object-fit:contain;background:white;border-radius:6px}
.kitchen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:16px}
.kitchen-ticket,.held-order{background:#fff;border:1px solid #e6e9ed;border-radius:14px;padding:16px;margin:10px 0}
.ticket-item{padding:10px 0;border-bottom:1px solid #f0f1f3}
.modifier-label{display:block;margin:14px 0;font-weight:700}
.modifier-label select{display:block;width:100%;margin-top:6px}
.closeout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:12px 0}
.closeout-grid label{display:block;font-weight:700}
.closeout-grid input{display:block;width:100%;margin-top:6px}
.ui-text-dialog{width:min(900px,100%);max-height:92vh;overflow:auto}
.store-dialog{width:min(640px,100%);max-height:92vh;overflow:auto}
.store-dialog h3{margin:18px 0 8px}
.store-list{display:grid;gap:8px}
.store-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#f7f9fb;border-radius:10px}
.store-row b{flex:1 1 160px;min-width:0}
.store-row button{white-space:nowrap}
.top .toolbar .search{min-width:150px}
.retro-actions{margin:10px 0}
.retro-actions button:disabled,.retro-dialog button:disabled{opacity:.5;cursor:not-allowed}
.retro-dialog{width:min(760px,100%);max-height:90vh;overflow:auto}
.retro-list{display:grid;gap:8px;max-height:52vh;overflow:auto;margin:12px 0}
.retro-sale{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #e5e8ed;border-radius:10px}
.retro-sale input{width:18px;height:18px;margin-top:2px}
.retro-sale span{display:grid;gap:5px}
.retro-sale small{color:#707987}
.history-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 8px}
.history-heading h2{margin:0!important}
.history-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.history-toggle{flex:0 0 auto;font-size:.88em;padding:8px 14px}
.reward-empty{padding:18px;background:#f7f9fb;border:1px dashed #cbd5df;border-radius:12px;line-height:1.7}
.ui-text-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin:14px 0}
.ui-text-grid label{display:block;font-size:13px;font-weight:650}
.ui-text-grid input{display:block;width:100%;min-width:0;margin-top:4px}
.dialog .form .field-label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:650;color:#596371}
.dialog .form .field-label.wide{grid-column:1/-1}
.dialog .form .field-label input{width:100%;min-width:0}
@media(max-width:600px){.ui-text-grid{grid-template-columns:1fr}.top{align-items:flex-start;gap:10px;flex-wrap:wrap}}
@media(max-width:480px){.pay-qr img{width:100px;height:100px}}
@media print{
  body *{visibility:hidden!important}
  #modal,#modal *{visibility:visible!important}
  #modal .overlay{position:absolute;inset:0;background:white;padding:0;display:block}
  #modal .dialog{box-shadow:none;border:0;border-radius:0;width:72mm;max-width:72mm;margin:0;padding:4mm}
  #modal .receipt-actions{display:none!important}
}