.live-notification-controls{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;border-bottom:1px solid #E2E8F0;flex-shrink:0}
.live-notification-controls button{min-height:44px;padding:8px 12px;border:1px solid #CBD5E1;border-radius:9px;background:#fff;color:#0F172A;font-family:inherit;font-size:12px;font-weight:600;line-height:1.5;cursor:pointer}
.live-notification-controls button[aria-pressed="true"]{background:#ECFDF5;border-color:#059669;color:#065F46}
.live-notification-controls button[hidden]{display:none}
.live-notification-controls button:focus-visible,.live-notification-alert button:focus-visible{outline:3px solid #059669;outline-offset:2px}
.live-notification-status{width:100%;color:#475569;font-size:11px;line-height:1.7}
#notif-list button.notif-card{width:100%;border:0;border-bottom:1px solid #E2E8F0;border-radius:0;text-align:start;font-family:inherit;color:inherit;background:#fff;min-height:72px}
#notif-list button.notif-card.unread{background:#ECFDF5}
.live-notification-alert{position:fixed;inset-inline-end:16px;bottom:calc(94px + env(safe-area-inset-bottom));width:340px;max-width:calc(100vw - 32px);display:flex;align-items:start;gap:6px;z-index:980;padding:10px;border:1px solid #A7DDBF;border-radius:14px;background:#fff;box-shadow:0 8px 30px #0F172A20;color:#0F172A}
.live-notification-action{flex:1;min-width:0;min-height:44px;padding:6px;border:0;background:none;text-align:start;color:inherit;font-family:inherit;cursor:pointer}
.live-notification-action strong,.live-notification-action span{display:block;overflow-wrap:anywhere}
.live-notification-action strong{font-size:14px;line-height:1.7}
.live-notification-action span{font-size:12px;line-height:1.7;color:#475569;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.live-notification-dismiss{flex:0 0 44px;width:44px;height:44px;border:0;border-radius:9px;background:#F1F5F9;color:#334155;font:24px/1 sans-serif;cursor:pointer}
body:has(dialog[open],.modal-overlay.show,.modal-backdrop.open,.req-modal-overlay.open,.req-modal-backdrop,.tip-overlay,.notif-panel.open) .live-notification-alert{display:none}
@media(min-width:1100px){body.owner-ready .live-notification-alert{bottom:24px}}

.live-notification-device-help{width:100%;font-size:11px;line-height:1.6;color:#475569}