em-notification-item-avatar-fallback,em-notification-item-avatar-wrap,em-notification-item-avatar-wrap img{width:var(--ni-avatar-size);height:var(--ni-avatar-size)}.ni-action-btn:hover,em-notification-item:hover{background:var(--ni-bg-hover)}:root{--ni-accent:#E66423;--ni-accent-light:#FFF3EE;--ni-blue:#3B7DD8;--ni-blue-light:#EEF4FF;--ni-green:#2DAB6F;--ni-red:#E53935;--ni-text-primary:#1A1F36;--ni-text-secondary:#6B7280;--ni-border:#F0F1F3;--ni-bg-unread:#F7FAFF;--ni-bg-hover:#F9FAFB;--ni-avatar-size:2.75rem;--ni-icon-size:2.5rem;--ni-radius:0.75rem;--ni-transition:0.2s ease}em-notification-item{display:block;border-bottom:1px solid var(--ni-border);background:#fff;cursor:pointer;transition:background var(--ni-transition);position:relative}em-notification-item:last-child{border-bottom:none}em-notification-item.is-unread{background:var(--ni-bg-unread)}.ni-action-btn,em-notification-item.is-expanded{background:#fff}em-notification-item.is-unread::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ni-blue);border-radius:0 2px 2px 0}em-notification-item-row{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem .875rem 1.25rem}em-notification-item-icon-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--ni-icon-size);height:var(--ni-icon-size);border-radius:50%;background:var(--ni-accent-light);color:var(--ni-accent);font-size:1.1rem}em-notification-item-icon-wrap.is-event{background:#eef6f2;color:var(--ni-green)}em-notification-item-avatar-wrap{position:relative;flex-shrink:0}em-notification-item-avatar-wrap img{border-radius:50%;object-fit:cover}em-notification-item-avatar-fallback{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e8ecf0;color:var(--ni-text-secondary);font-size:1.1rem}em-notification-item-avatar-badge{position:absolute;bottom:-2px;right:-2px;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--ni-blue);color:#fff;font-size:.5rem;display:flex;align-items:center;justify-content:center;border:1.5px solid #fff}em-notification-item-avatar-badge.is-message{background:var(--ni-accent)}em-notification-item-avatar-badge.is-event{background:var(--ni-green)}em-notification-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}em-notification-item-title{display:block;font-size:.875rem;font-weight:600;color:var(--ni-text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}em-notification-item-preview{display:block;font-size:.8125rem;color:var(--ni-text-secondary);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}em-notification-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;flex-shrink:0}em-notification-item-time{display:block;font-size:.72rem;color:var(--ni-text-secondary);white-space:nowrap}em-notification-item-unread-dot{display:block;width:.5rem;height:.5rem;border-radius:50%;background:var(--ni-blue)}em-notification-item-detail{display:none;flex-direction:column;gap:.75rem;padding:0 1rem 1rem 1.25rem;border-top:1px solid var(--ni-border);margin-top:-1px;animation:.18s niSlideIn}em-notification-item.is-expanded em-notification-item-detail{display:flex}@keyframes niSlideIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}em-notification-item-body-full{display:block;font-size:.875rem;color:var(--ni-text-primary);line-height:1.6;padding-top:.75rem;white-space:pre-line}em-notification-item-follow-actions{display:flex;gap:.5rem;padding-top:.5rem}em-notification-item-follow-actions .m-button-button{flex:1}em-notification-item-actions-bar{display:flex;flex-wrap:wrap;gap:.375rem;padding-top:.25rem}.ni-action-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:2rem;border:1px solid var(--ni-border);color:var(--ni-text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--ni-transition);line-height:1;font-family:inherit}.ni-action-btn:hover{border-color:#cbd5e0;color:var(--ni-text-primary)}.ni-action-btn.is-read-toggle{color:var(--ni-blue);border-color:#bfdbfe;background:var(--ni-blue-light)}.ni-action-btn.is-read-toggle:hover{background:#dbeafe}.ni-action-btn.is-reply{color:var(--ni-accent);border-color:#fed7c3;background:var(--ni-accent-light)}.ni-action-btn.is-reply:hover{background:#ffe8da}.ni-action-btn.is-delete:hover{color:var(--ni-red);border-color:#fecaca;background:#fff5f5}.ni-action-btn.is-report:hover{color:#92400e;border-color:#fde68a;background:#fffbeb}em-notification-item-read{display:none}