.notification-bell{position:relative;overflow:visible}.notification-count{position:absolute;top:2px;right:0;min-width:16px;height:16px;padding:0 4px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--on-accent);border-radius:999px;font-size:10px;font-weight:600;line-height:1;pointer-events:none}.notification-popover{position:fixed;margin:0;padding:20px;border:1px solid var(--line);border-radius:var(--control-radius);background:var(--panel);color:var(--ink);overflow:auto;box-shadow:0 12px 36px color-mix(in srgb,var(--ink) 14%,transparent);box-sizing:border-box}.notification-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.notification-heading h2{font-size:20px;margin:0}.notification-list{display:grid;gap:12px;margin-bottom:16px}.notification-item{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:var(--control-radius);text-decoration:none;color:inherit;overflow-wrap:anywhere}.notification-item time{font-size:12px;color:var(--muted)}.notification-item[data-unread=true]{border-inline-start:3px solid var(--accent)}.notification-item>span{font-size:12px;color:var(--accent)}.customer-message-entry{padding:16px;border:1px solid var(--line);border-radius:var(--control-radius);overflow-wrap:anywhere}.customer-message-entry p{white-space:pre-wrap;margin:12px 0 0}.customer-message-entry time{font-size:12px;color:var(--muted)}.customer-message-entry[data-direction=outgoing]{border-inline-start:3px solid var(--accent)}