.notification-list-item[data-v-7ac5d572]{--notification-accent:var(--ui-info);align-items:start;background:color-mix(in srgb,var(--ui-primary) 4%,var(--ui-bg));border-bottom:1px solid var(--ui-border);display:grid;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;padding:var(--space-3) var(--space-4)}.notification-list-item[data-severity=critical][data-v-7ac5d572]{--notification-accent:var(--ui-error)}.notification-list-item[data-severity=warning][data-v-7ac5d572]{--notification-accent:var(--ui-warning)}.notification-list-item[data-read=true][data-v-7ac5d572]{background:var(--ui-bg)}.notification-list-item[data-resolved=true][data-v-7ac5d572]{opacity:.78}.notification-list-item[data-v-7ac5d572]:has(.notification-list-item__open:hover){background:color-mix(in srgb,var(--ui-primary) 8%,var(--ui-bg))}.notification-list-item__icon[data-v-7ac5d572]{align-items:center;background:color-mix(in srgb,var(--notification-accent) 12%,transparent);color:var(--notification-accent);display:flex;height:2rem;justify-content:center;width:2rem}.notification-list-item__open[data-v-7ac5d572]{background:transparent;border:0;color:inherit;cursor:pointer;min-width:0;padding:0;text-align:left}.notification-list-item__open[data-v-7ac5d572]:focus-visible{outline:2px solid var(--ui-primary);outline-offset:4px}.notification-list-item__open:hover .notification-list-item__message[data-v-7ac5d572]{color:var(--ui-primary)}.notification-list-item__open[data-v-7ac5d572]:disabled{cursor:wait;opacity:.65}.notification-list-item__message[data-v-7ac5d572]{color:var(--ui-text-highlighted);display:block;font-size:.78rem;line-height:1.45}.notification-list-item__meta[data-v-7ac5d572]{align-items:center;color:var(--ui-text-muted);display:flex;flex-wrap:wrap;font-size:.65rem;gap:var(--space-2);margin-top:var(--space-2)}.notification-list-item__state[data-v-7ac5d572]{border:1px solid var(--ui-border);padding:.12rem var(--space-2)}.notification-list-item__kind[data-v-7ac5d572]{color:var(--notification-accent);font-weight:700}.notification-list-item__state--unread[data-v-7ac5d572]{border-color:color-mix(in srgb,var(--ui-primary) 48%,var(--ui-border));color:var(--ui-primary)}.notification-list-item__unread-dot[data-v-7ac5d572]{background:var(--ui-primary);height:.5rem;margin-top:.75rem;width:.5rem}