.hk-shortage-overlay[hidden]{display:none!important}.hk-shortage-overlay{position:fixed;inset:0;z-index:2147482000;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) 12px;box-sizing:border-box;overscroll-behavior:contain;touch-action:none;color:#17232d;font:16px system-ui,-apple-system,sans-serif}.hk-shortage-panel{background:#fff;width:min(620px,100%);max-height:85vh;max-height:85dvh;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;box-shadow:0 8px 40px #0006}.hk-shortage-head{padding:16px 20px;border-bottom:1px solid #ddd}.hk-shortage-head h2{font-size:22px;margin:0}.hk-shortage-head p{margin:8px 0 0;font-size:14px;line-height:1.4}.hk-shortage-list{padding:8px 20px;overflow:auto;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.hk-shortage-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #ddd;align-items:center}.hk-shortage-item img{width:76px;height:76px;object-fit:cover;border-radius:10px;flex-shrink:0}.hk-shortage-info{flex:1;min-width:0;overflow-wrap:anywhere}.hk-shortage-info strong{display:block}.hk-shortage-info small{display:block;margin-top:5px;color:#56616c}.hk-shortage-qty{display:flex;align-items:center;gap:10px;margin-top:10px}.hk-shortage-panel button{min-height:44px;border:0;border-radius:10px;padding:10px 16px;cursor:pointer;font:700 16px system-ui}.hk-shortage-qty button{background:#e9eef1;color:#17232d;min-width:44px}.hk-shortage-footer{padding:14px 20px;display:flex;flex-wrap:wrap;gap:10px}.hk-shortage-footer button{flex:1}.hk-shortage-confirm{background:#218746;color:#fff}.hk-shortage-cancel{background:#e8ebee;color:#27323c}.hk-shortage-error{color:#ab2424;font-size:14px;line-height:1.4;width:100%;margin:0}.hk-shortage-panel button:disabled{opacity:.5;cursor:default}.hk-shortage-label{font-weight:700;color:#ad3f15}.hk-shortage-action{border:1px solid #ae482d!important;background:#fff0e8!important;color:#993518!important;border-radius:7px;padding:5px 8px!important;min-height:32px;font-weight:700;font-size:12px;cursor:pointer}.hk-shortage-closed .qty-ctrl button,.hk-shortage-closed .btn-bell-mini,.hk-shortage-closed .btn-pay-toggle{display:none!important}.hk-shortage-closed .price-display{pointer-events:none}.hk-shortage-closed{background:#fff6ee!important}.hk-shortage-closed .product-note{color:#993518}.hk-shortage-stock-badge{display:block;color:#b53b22;font-weight:800;font-size:13px;text-align:center;padding:3px}.hk-shortage-stock-badge[hidden]{display:none}.hk-shortage-panel :focus-visible{outline:3px solid #286fd1;outline-offset:2px}@media(max-width:500px){.hk-shortage-item img{width:60px;height:60px}.hk-shortage-head,.hk-shortage-footer{padding:12px 14px}.hk-shortage-list{padding:4px 14px}}

/* Customer notice: large photos; staff and kitchen dialogs keep their compact size. */
#hk-shortage-customer .hk-shortage-item img{width:160px;height:160px}
@media(max-width:500px){
    #hk-shortage-customer .hk-shortage-item{flex-direction:column;align-items:center}
    #hk-shortage-customer .hk-shortage-info{width:100%;text-align:center}
}

/* Draw attention to the customer notice without moving or flashing its content. */
#hk-shortage-customer .hk-shortage-panel{
    box-shadow:0 8px 40px #0006,0 0 0 4px rgba(249,115,22,.85),0 0 14px 5px rgba(249,115,22,.3);
}
#hk-shortage-customer:not([hidden]) .hk-shortage-panel{
    animation:hk-shortage-attention 1.8s ease-in-out infinite;
}
@keyframes hk-shortage-attention{
    0%,100%{box-shadow:0 8px 40px #0006,0 0 0 4px rgba(249,115,22,.65),0 0 10px 3px rgba(249,115,22,.2)}
    50%{box-shadow:0 8px 40px #0006,0 0 0 4px rgba(249,115,22,1),0 0 28px 10px rgba(249,115,22,.75)}
}
@media(prefers-reduced-motion:reduce){
    #hk-shortage-customer:not([hidden]) .hk-shortage-panel{animation:none}
}