.system-avatar{background:#e9f0ee!important;color:#286b59!important;font-weight:700}.system-pinned{background:#eef6f3;border-bottom:1px solid #d9e8e2}.system-notification{position:relative;margin:0 18px 12px;padding:17px 18px;background:#fff;border:1px solid #dfe6e3;border-left:3px solid #9ba9a4;border-radius:6px;cursor:pointer}.system-notification.unread{border-left-color:#278568;background:#f4faf7}.notification-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.notification-heading strong{font-size:15px;color:#273d36}.notification-heading time{font-size:11px;color:#78847f;white-space:nowrap}.system-notification p{margin:9px 0;color:#4e5e58;font-size:13px;line-height:1.75;overflow-wrap:anywhere}.system-notification>.text-button{font-size:12px;color:#286b59}.notification-unread-dot{position:absolute;right:14px;top:19px;width:7px;height:7px;background:#278568;border-radius:50%}.notification-scroll{padding:12px 0}.notification-panel .chat-header{background:#f3f7f5}.notification-panel .avatar{flex:none}@media(max-width:760px){.system-notification{margin:0 12px 10px;padding:14px}.notification-heading{display:block}.notification-heading time{display:block;margin-top:5px}}

.notification-clear{margin-left:auto;flex:none;border:1px solid var(--line,#e5e7eb);border-radius:6px;background:transparent;color:var(--muted,#74777d);padding:6px 12px;font-size:12px;line-height:1.5;cursor:pointer}.notification-clear:hover:not(:disabled){border-color:var(--pink,#d88a9c);color:var(--ink,#25282d);background:var(--accent-soft,#faf2f5)}.notification-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-actions>.text-button{font-size:12px;color:var(--purple,#7b647b)}.notification-delete{flex:none;min-height:32px;padding:4px 8px;border:0;border-radius:4px;background:transparent;font-size:12px;color:var(--muted,#74777d);cursor:pointer}.notification-delete:hover:not(:disabled){color:var(--pink,#c46b83);background:var(--accent-soft,#faf2f5)}.notification-clear:disabled,.notification-delete:disabled{opacity:.45;cursor:default}.notification-clear:focus-visible,.notification-delete:focus-visible{outline:2px solid var(--pink,#c46b83);outline-offset:2px}