/* Scoped Admin-only order notifications. */
.bo-alerts{position:fixed;inset-inline-end:22px;bottom:max(20px,env(safe-area-inset-bottom));z-index:80;width:min(370px,calc(100vw - 32px));color:var(--ink,#25312b);font-family:inherit;line-height:1.45;background:#fff;border:1px solid var(--line,#e5e9df);border-radius:16px;box-shadow:0 12px 45px #20332024;overflow:hidden}
.bo-alerts *{box-sizing:border-box}
.bo-alerts button{font:inherit;cursor:pointer;touch-action:manipulation}
.bo-alerts button:focus-visible{outline:3px solid #8ca05a;outline-offset:2px}
.bo-alerts button:disabled{cursor:not-allowed;opacity:.55}
.bo-toolbar{padding:14px 16px 12px}
.bo-heading{display:flex;align-items:center;gap:8px;min-height:24px;font-size:13px}
.bo-bell{display:inline-grid;place-items:center;width:25px;height:25px;background:#eef2e4;color:#536628;border-radius:8px;font-size:19px;line-height:1}
.bo-badge{margin-inline-start:auto;border-radius:100px;background:#b73e48;color:#fff;padding:4px 9px;font-size:10px;font-weight:750;white-space:nowrap}
.bo-controls{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.bo-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;min-height:36px;padding:7px 11px;font-size:11px!important;font-weight:650!important;line-height:1.3;transition:background .15s,color .15s}
.bo-sound,.bo-primary{background:#596d35;color:white}
.bo-sound:hover,.bo-primary:hover{background:#3d5128}
.bo-sound[aria-pressed=true]{background:#eef2e4;color:#405524;border-color:#dce5ce}
.bo-secondary{background:#fff;border-color:#dde4d6;color:#5a6558}
.bo-secondary:hover{background:#f3f5ef}
.bo-status{font-size:10px!important;line-height:1.5!important;margin:8px 0 0!important;color:#6a7566}
.bo-waiting{font-size:10px!important;color:#77816e;line-height:1.5!important;padding:0 16px 13px!important;margin:0!important}
.bo-has-new{border-color:#b7c89e;box-shadow:0 12px 45px #20332030}
.bo-has-new .bo-toolbar{background:linear-gradient(135deg,#f0f5e8,#fcfdf9);border-bottom:1px solid #dfe8d5}
.bo-list{max-height:min(430px,56vh);overflow-y:auto;overscroll-behavior:contain}
.bo-card{padding:15px 16px;border-bottom:1px solid #e9ede5;background:#fff}
.bo-card:last-child{border-bottom:0}
.bo-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.bo-new-label{color:#687a33;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:1px}
.bo-total{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}
.bo-product{display:flex;align-items:center;gap:11px;min-width:0}
.bo-thumb{width:58px;height:58px;flex:none;object-fit:cover;border-radius:9px;background:#f5f6f2;border:1px solid #e7ebdf}
.bo-thumb[hidden]{display:none}
.bo-item-info{min-width:0}
.bo-order-id{font-size:10px!important;font-weight:650;letter-spacing:.25px;color:#697161;margin:0 0 4px!important;overflow-wrap:anywhere}
.bo-item-name{font-size:12px!important;line-height:1.45!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bo-item-info small{font-size:10px;color:#77816e}
.bo-card-actions{display:flex;gap:8px;margin-top:12px}
.bo-card-actions .bo-primary{flex:1}
.bo-footer{padding:10px 16px;border-top:1px solid #e5eadf;background:#fafcf7;text-align:end}
.bo-footer p{font-size:10px;color:#6a7566;margin:0 0 7px}
.bo-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:600px){.bo-alerts{inset-inline-end:12px;bottom:max(12px,env(safe-area-inset-bottom));width:min(350px,calc(100vw - 24px));border-radius:13px}.bo-toolbar{padding:11px 13px 10px}.bo-heading{font-size:12px}.bo-list{max-height:46vh}.bo-card{padding:12px 13px}.bo-status,.bo-waiting{font-size:10px!important}.bo-waiting{padding-inline:13px!important}}
@media(prefers-reduced-motion:reduce){.bo-alerts *{transition:none!important}}

/* The Admin integration uses an in-flow collapsible panel, never a phone overlay. */
.bo-alerts.bo-inline{position:relative;inset:auto;width:100%;margin:0 0 20px;z-index:1;box-shadow:0 5px 22px #20332010}
.bo-inline .bo-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px 16px;padding:12px 15px}
.bo-inline .bo-heading{flex-wrap:wrap;line-height:1.65;min-width:0}
.bo-inline .bo-controls{margin:0;min-width:0}
.bo-inline .bo-status{flex:1 0 100%;font-size:11px!important;line-height:1.65!important;margin:0!important}
.bo-alerts .bo-button{min-height:40px;line-height:1.55;max-width:100%;overflow-wrap:anywhere}
.bo-inline .bo-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));max-height:min(390px,45vh)}
.bo-inline .bo-card{min-width:0}
.bo-inline .bo-badge{white-space:normal;font-size:10px;line-height:1.5}
.bo-inline .bo-footer p{font-size:11px;line-height:1.65;text-align:start}
.bo-inline.bo-has-new{border-color:#d5a1a4;box-shadow:0 0 0 2px #b73e4810}
.bo-inline.bo-has-new .bo-toolbar{background:#fff5f4}
.bo-inline.bo-has-new .bo-bell{color:#a32f3a;background:#f7dfe0}
.bo-inline:not(.bo-expanded) .bo-toolbar{border-bottom:0}
@media(max-width:600px){.bo-alerts.bo-inline{inset:auto;width:100%;margin:0 0 16px}.bo-inline .bo-toolbar{padding:11px 12px;gap:9px}.bo-inline .bo-heading{width:100%}.bo-inline .bo-controls{width:100%}.bo-alerts .bo-button{min-height:44px;padding:8px 10px}.bo-inline .bo-list{max-height:42vh;grid-template-columns:minmax(0,1fr)}}