app-notif-item{display:block}app-notif-item:not(:first-child){border-top:1px solid var(--border-color)}app-notif-item .ni{transition:background var(--transition-fast);align-items:flex-start;gap:12px;padding:14px 16px;display:flex;position:relative}app-notif-item .ni:hover{background:var(--bg-input)}app-notif-item .ni.is-unread{background:rgba(var(--primary-rgb), .045)}app-notif-item .ni.is-unread:hover{background:rgba(var(--primary-rgb), .08)}app-notif-item .ni.is-unread .ni__title{color:var(--text-primary);font-weight:600}app-notif-item .ni.is-selected,app-notif-item .ni.is-selected:hover{background:rgba(var(--primary-rgb), .1)}app-notif-item .ni.is-critical:before{content:"";background:var(--tone-orange);border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:0}app-notif-item .ni.is-fresh{animation:.22s ease-out both app-notif-item__ni-in}@keyframes app-notif-item__ni-in{0%{opacity:0;background:rgba(var(--primary-rgb), .14);transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){app-notif-item .ni.is-fresh{animation:none}}app-notif-item .ni__check{opacity:0;cursor:pointer;width:0;height:44px;transition:width var(--transition-fast),opacity var(--transition-fast),margin var(--transition-fast);flex-shrink:0;place-items:center;margin-right:-12px;display:grid;overflow:hidden}app-notif-item .ni__check input{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.ni:hover app-notif-item .ni__check,.ni:focus-within app-notif-item .ni__check,.is-select-mode app-notif-item .ni__check,.is-selected app-notif-item .ni__check{opacity:1;width:24px;margin-right:0}app-notif-item .ni__lead{flex-shrink:0}app-notif-item .ni__tile{border-radius:50%;place-items:center;width:44px;height:44px;display:grid}app-notif-item .ni__tile app-icon{width:21px;height:21px}app-notif-item .ni__faces{display:flex;position:relative}app-notif-item .ni__faces.is-pair .ni__face+.ni__face,app-notif-item .ni__faces.is-stack .ni__face+.ni__face{margin-left:-16px}app-notif-item .ni__faces.is-stack .ni__face+.ni__face{margin-left:-20px}app-notif-item .ni__face{border:2px solid var(--bg-card);background:var(--bg-card);cursor:pointer;border-radius:50%;padding:0;display:grid;position:relative}.is-unread app-notif-item .ni__face{border-color:color-mix(in srgb, var(--bg-card) 95%, rgb(var(--primary-rgb)))}app-notif-item .ni__face:focus-visible{outline:2px solid var(--primary);outline-offset:1px}app-notif-item .ni__face--self{cursor:default}app-notif-item .ni__badge{z-index:20;border:2px solid var(--bg-card);background:var(--bg-card);border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:-3px;right:-3px}app-notif-item .ni__badge app-icon{width:11px;height:11px}app-notif-item .ni__badge-in{border-radius:50%;place-items:center;width:100%;height:100%;display:grid}app-notif-item .ni__main{min-width:0;min-height:44px;font:inherit;text-align:left;color:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;gap:3px;padding:0;display:flex}app-notif-item .ni__main:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:var(--radius-sm)}app-notif-item .ni__title{font-size:var(--font-sm);color:var(--text-primary);font-weight:500;line-height:1.4}app-notif-item .ni__body,app-notif-item .ni__quote{-webkit-line-clamp:2;font-size:var(--font-sm);color:var(--text-secondary);-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}app-notif-item .ni__body.is-open{-webkit-line-clamp:unset;white-space:pre-line;display:block}app-notif-item .ni__quote{border-left:2px solid var(--border-strong);padding-left:10px;font-style:italic}app-notif-item .ni__meta{font-size:var(--font-xs);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}app-notif-item .ni__sep{opacity:.6}app-notif-item .ni__flag{border-radius:var(--radius-full);color:var(--tone-orange);background:#ff950024;align-items:center;gap:3px;padding:1px 7px 1px 5px;font-weight:600;display:inline-flex}app-notif-item .ni__flag app-icon{width:12px;height:12px}app-notif-item .ni__side{flex-shrink:0;align-self:center;align-items:center;gap:6px;display:flex}app-notif-item .ni__cta{min-height:36px}app-notif-item .ni__cta .ni__cta-icon{width:16px;height:16px;display:none}app-notif-item .ni__dot{background:var(--primary);border-radius:50%;width:9px;height:9px;margin:0 2px}app-notif-item .ni__dot.is-hidden{visibility:hidden}app-notif-item .ni__menu-wrap{position:relative}app-notif-item .ni__more{opacity:.55;width:36px;height:36px;transition:opacity var(--transition-fast)}.ni:hover app-notif-item .ni__more,.ni:focus-within app-notif-item .ni__more,app-notif-item .ni__more[aria-expanded=true]{opacity:1}app-notif-item .ni__menu{z-index:30;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);min-width:210px;box-shadow:var(--shadow-card);flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:0}app-notif-item .ni__menu-item{border-radius:var(--radius-sm);min-height:40px;font:inherit;font-size:var(--font-sm);color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;display:flex}app-notif-item .ni__menu-item app-icon{width:16px;height:16px;color:var(--text-secondary)}app-notif-item .ni__menu-item:hover,app-notif-item .ni__menu-item:focus-visible{background:var(--bg-input);outline:none}app-notif-item .ni__menu-item--danger,app-notif-item .ni__menu-item--danger app-icon{color:var(--color-error)}app-notif-item .ni__menu-item--cta{display:none}app-notif-item.is-compact .ni{gap:10px;padding:11px 14px}app-notif-item.is-compact .ni__tile{width:36px;height:36px}app-notif-item.is-compact .ni__tile app-icon,app-notif-item.is-compact .ni__badge{width:17px;height:17px}app-notif-item.is-compact .ni__badge app-icon{width:9px;height:9px}app-notif-item.is-compact .ni__faces.is-pair .ni__face+.ni__face,app-notif-item.is-compact .ni__faces.is-stack .ni__face+.ni__face{margin-left:-14px}app-notif-item.is-compact .ni__main{gap:2px;min-height:36px}app-notif-item.is-compact .ni__title{font-size:var(--font-xs)}app-notif-item.is-compact .ni__body,app-notif-item.is-compact .ni__quote{-webkit-line-clamp:1;font-size:var(--font-xs)}app-notif-item.is-compact .ni__meta{font-size:12px}app-notif-item.is-compact .ni__side{align-self:flex-start;padding-top:6px}@media (max-width:1024px){app-notif-item .ni__cta{width:36px;padding:0}app-notif-item .ni__cta .ni__cta-icon{display:block}app-notif-item .ni__cta .ni__cta-label{display:none}}@media (max-width:640px){app-notif-item .ni{gap:10px;padding:12px}app-notif-item .ni__tile{width:42px;height:42px}app-notif-item .ni__cta{display:none}app-notif-item .ni__menu-item--cta{display:flex}app-notif-item .ni__more{opacity:1}.ni:hover app-notif-item .ni__check,.ni:focus-within app-notif-item .ni__check{opacity:0;width:0;margin-right:-10px}.is-select-mode app-notif-item .ni__check,.is-selected app-notif-item .ni__check{opacity:1;width:24px;margin-right:0}app-notif-item .ni__sep,app-notif-item .ni__cat{display:none}}