.order-notification-bell{position:relative;min-width:44px;min-height:44px;border:1px solid var(--border);border-radius:12px;background:var(--card-bg);color:var(--text);cursor:pointer}.order-notification-bell[hidden]{display:none}.order-notification-bell.on-live{border-color:var(--accent)}#orderNotificationCount{position:absolute;top:-5px;right:-5px;min-width:18px;padding:2px 4px;border-radius:10px;background:#b52f2f;color:#fff;font-size:10px}.order-notification-modal{width:min(620px,calc(100vw - 24px));max-height:85dvh;padding:0;display:flex;flex-direction:column;overflow:hidden}.order-notification-modal header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.order-notification-modal h3{margin:0;font-size:18px}.order-notification-toolbar{display:flex;gap:8px;padding:12px 20px}#orderNotificationBody{padding:0 20px 20px;overflow:auto;min-height:0}.order-notification-item{padding:16px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.order-notification-item small,.order-notification-ref{display:block;font-size:12px;color:var(--text-muted);margin:5px 0}.order-notification-item p{white-space:pre-wrap;font-size:14px}.order-notification-item.is-read{opacity:.7}.order-notification-item button,.order-notification-toolbar button,.notification-settings button{padding:9px 12px;min-height:44px;border-radius:8px;margin:4px 6px 4px 0}.notification-settings label{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:14px 0}.notification-settings input:not([type=checkbox]){width:100%;padding:10px;min-height:44px;border:1px solid var(--border);border-radius:8px;background:var(--card-bg);color:var(--text);box-sizing:border-box}.notification-settings input[type=checkbox]{width:18px;height:18px;flex-shrink:0}.notification-settings p,.notification-settings li{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.notification-settings li{margin:8px 0}.order-live-alert{position:fixed;z-index:1700;top:80px;right:16px;width:min(360px,calc(100vw - 32px));box-sizing:border-box;background:var(--card-bg);color:var(--text);border:1px solid var(--accent);box-shadow:0 12px 40px #0004;border-radius:14px;padding:16px}.order-live-alert p{font-size:13px;overflow-wrap:anywhere}.order-live-alert [data-open]{padding:8px 12px;min-height:44px}.order-live-alert [data-dismiss]{position:absolute;right:6px;top:4px;width:36px;height:36px;background:transparent;border:0;color:var(--text);font-size:24px}