/* Non-modal bottom banner. The active order form keeps its focus and space. */
.staff .order-alert{position:fixed;inset:auto;bottom:calc(12px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);margin:0;z-index:10000;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;width:min(1120px,calc(100vw - 32px));max-height:min(180px,35dvh);overflow:auto;box-sizing:border-box;padding:14px 20px;border:2px solid #c99536;border-left-width:6px;border-radius:12px;background:#fff9eb;color:#293027;box-shadow:0 -4px 24px #15251d24;font-family:inherit;text-align:left;animation:order-alert-enter .18s ease-out}
.staff .order-alert[hidden]{display:none!important}
.order-alert::backdrop{background:transparent;pointer-events:none}
.staff .order-alert-message{min-width:0}
.staff .order-alert h2{margin:0 0 5px;font:800 21px/1.25 system-ui,sans-serif;letter-spacing:-.3px;color:#25392e}
.staff .order-alert-summary{margin:0 0 3px;font-size:15px;font-weight:750;line-height:1.4;overflow-wrap:anywhere}
.staff .order-alert-count{margin:0;color:#625b4c;font-size:12px;line-height:1.4}
.staff .order-alert-actions{display:flex;align-items:center;gap:8px}
.staff .order-alert button{min-height:44px;padding:10px 14px;border-radius:8px;font-size:14px;font-weight:700;line-height:1.3;white-space:nowrap;cursor:pointer;box-shadow:none}
.staff .order-alert-open{background:#28563c;border:1px solid #28563c;color:#fff}
.staff .order-alert-open:hover{background:#1e442e}
.staff .order-alert-dismiss{background:transparent;border:1px solid #cfc4aa;color:#554d3e}
.staff .order-alert button.order-alert-enable{flex:0 0 44px;width:44px;padding:8px;background:#fff;border:1px solid #cfc4aa;color:#554d3e;font-size:22px}
.staff .order-alert button:focus-visible{outline:3px solid #293f34;outline-offset:3px}
body.staff.order-alert-visible{--order-alert-clearance:calc(var(--order-alert-height,180px) + 24px + env(safe-area-inset-bottom));padding-bottom:var(--order-alert-clearance)}
body.staff.pos-view.order-alert-visible:not(.mobile-admin){padding-bottom:0}
body.staff.pos-view.order-alert-visible:not(.mobile-admin) .workspace{height:calc(100dvh - 72px - var(--order-alert-clearance))}
body.staff.order-alert-visible dialog.modal,body.staff.mobile-admin.order-alert-visible dialog.modal.wide{inset-block:12px var(--order-alert-clearance);max-height:calc(100dvh - var(--order-alert-clearance) - 24px);margin-block:auto}
body.staff.order-alert-visible #toast{bottom:calc(var(--order-alert-clearance) + 12px)}
body.staff.mobile-admin .order-alert{bottom:calc(78px + env(safe-area-inset-bottom))}
body.staff.mobile-admin.order-alert-visible{--order-alert-clearance:calc(var(--order-alert-height,180px) + 90px + env(safe-area-inset-bottom));padding-bottom:var(--order-alert-clearance)}
body.staff.mobile-admin.order-alert-visible .fg-phone[data-phone-panel=products] button[data-phone-panel=cart]{bottom:var(--order-alert-clearance)}
body.staff.mobile-admin.order-alert-visible .fg-phone[data-phone-panel=products] .fg-catalog{padding-bottom:calc(72px + var(--order-alert-height,180px))}
@keyframes order-alert-enter{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-width:700px){.staff .order-alert{grid-template-columns:minmax(0,1fr);gap:10px;width:calc(100vw - 20px);padding:12px;border-radius:10px}.staff .order-alert h2{font-size:17px}.staff .order-alert-summary{font-size:14px}.staff .order-alert-actions{gap:7px}.staff .order-alert button{min-height:44px;font-size:13px;padding:10px 12px}.staff .order-alert-open{flex:1}.staff .order-alert-dismiss{flex:0 0 auto}body.staff.pos-view.order-alert-visible:not(.mobile-admin){padding-bottom:var(--order-alert-clearance)}body.staff.pos-view.order-alert-visible:not(.mobile-admin) .workspace{height:auto;min-height:calc(100dvh - 62px - var(--order-alert-clearance))}}
@media(prefers-reduced-motion:reduce){.staff .order-alert{animation:none}}

/* Keep the sound test visible without widening the hardware toolbar. */
.staff .topbar .sound-controls{display:grid;gap:2px;flex:0 0 auto}
.staff .topbar .sound-controls button{min-height:28px;padding:4px 10px;font-size:12px;line-height:1.3}
.staff .topbar .sound-controls #sound-test{color:#28563c;text-decoration:underline;text-underline-offset:3px}