.notification-bell{position:relative;overflow:visible}.notification-count{position:absolute;top:2px;right:0;min-width:16px;height:16px;padding:0 var(--space-4);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:var(--space-20);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:var(--space-16);margin-bottom:var(--space-16)}.notification-heading h2{font-size:20px;margin:0}.notification-list{display:grid;gap:var(--space-12);margin-bottom:var(--space-16)}.notification-item{display:grid;gap:var(--space-8);padding:var(--space-12);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:var(--space-16);border:1px solid var(--line);border-radius:var(--control-radius);overflow-wrap:anywhere}.customer-message-entry p{white-space:pre-wrap;margin:var(--space-12) 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)}.customer-conversation{min-width:0}.customer-conversation-preview{margin:0;color:var(--muted);font-weight:400;white-space:normal;overflow-wrap:anywhere;line-height:1.5}.customer-conversation-detail{margin-top:var(--space-12);padding:var(--space-16);border:1px solid var(--line);border-radius:var(--control-radius)}