.notif-wrap{display:inline-flex;position:relative}.notif-count{box-sizing:border-box;border-radius:var(--radius-pill);background:var(--danger);min-width:16px;height:16px;color:var(--text-on-dark-primary);box-shadow:0 0 0 2px var(--background);font-size:var(--font-size-3xs);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;pointer-events:none;justify-content:center;align-items:center;padding:0 4px;line-height:1;display:inline-flex;position:absolute;top:1px;left:17px}.notif-panel{--notif-surface:var(--surface-raised);--notif-inset:16px;--pop-origin:top right;z-index:60;box-sizing:border-box;border-radius:var(--radius-lg);text-align:left;outline:none;flex-direction:column;width:420px;max-height:min(600px,80vh);display:flex;position:fixed;top:0;right:0;overflow:hidden}.notif-panel-head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:10px 12px 10px var(--notif-inset);border-bottom:1px solid var(--border-light);flex-shrink:0;display:flex}.notif-panel-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;margin:0}.notif-panel-tools{align-items:center;gap:var(--space-1);display:flex}.notif-panel-close{display:none}.notif-panel-body{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.notif-panel-foot{justify-content:space-between;align-items:center;gap:var(--space-2);border-top:1px solid var(--border-light);flex-shrink:0;padding:6px 8px;display:flex}.notif-seg-count{font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary);font-variant-numeric:tabular-nums;margin-left:6px}.ui-segment[data-active=true] .notif-seg-count{color:var(--text-secondary)}@media (max-width:639px){.notif-panel{z-index:200;border:0;border-radius:0;width:auto;max-height:none;position:fixed;inset:0}.notif-panel-close{display:inline-flex}}.notif-panel[data-placement=inline]{z-index:auto;border-radius:var(--radius-lg);border:1px solid var(--border-light);width:420px;max-width:100%;max-height:600px;position:relative;inset:auto}.notif-window-layer{z-index:100;position:fixed;inset:0}.notif-window-backdrop{background:color-mix(in srgb, var(--foreground) 5%, transparent);position:absolute;inset:0}.notif-window-center{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.notif-window{--notif-surface:var(--surface-raised);--notif-inset:20px;box-sizing:border-box;border-radius:var(--radius-xl);width:min(640px,92vw);height:min(720px,85vh);box-shadow:var(--shadow-modal);pointer-events:auto;outline:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.notif-window-bar{justify-content:space-between;align-items:center;gap:var(--space-2);padding:10px 12px 10px var(--notif-inset);border-bottom:1px solid var(--border-light);flex-wrap:wrap;flex-shrink:0;display:flex}.notif-window-actions{align-items:center;gap:var(--space-1);display:flex}.notif-window-body{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.notif-window[data-placement=inline]{border:1px solid var(--border-light);width:100%;height:640px;box-shadow:none}.notif-section-label{z-index:1;padding:10px var(--notif-inset) 4px;background:var(--notif-surface);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);letter-spacing:.02em;color:var(--text-tertiary);margin:0;position:sticky;top:0}.notif-list{margin:0;padding:0;list-style:none}.notif-item{--notif-trail:64px;--notif-action:28px;position:relative}.notif-row{grid-template-columns:32px minmax(0, 1fr) var(--notif-trail);box-sizing:border-box;width:100%;min-height:64px;padding:12px var(--notif-inset);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out);background:0 0;border:0;align-items:start;column-gap:12px;display:grid;position:relative}.notif-item:hover .notif-row{background:var(--state-hover)}.notif-row:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.notif-row-dot{border-radius:var(--radius-pill);background:var(--accent);flex-shrink:0;width:8px;height:8px}.notif-row-lead{width:32px;height:32px;color:var(--text-tertiary);justify-content:center;align-items:center;display:flex}.notif-avatar{border-radius:var(--radius-pill);background:var(--surface-panel);width:32px;height:32px;box-shadow:inset 0 0 0 1px var(--border-light);color:var(--text-secondary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);letter-spacing:.02em;justify-content:center;align-items:center;display:inline-flex}.notif-row-text{flex-direction:column;gap:2px;min-width:0;display:flex}.notif-row-title{-webkit-line-clamp:2;font-size:var(--font-size-control);font-weight:var(--font-weight-medium);color:var(--text-primary);overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.notif-row[data-unread=true] .notif-row-title{font-weight:var(--font-weight-semibold)}.notif-row-sub{white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.4;overflow:hidden}.notif-row-project{color:var(--text-tertiary)}.notif-row-body{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}.notif-row-note{font-size:var(--font-size-2xs);color:var(--text-tertiary);font-style:italic}.notif-row-time{min-height:17px;font-size:var(--font-size-2xs);color:var(--text-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;justify-self:end;align-items:center;gap:6px;line-height:1.35;display:inline-flex}.notif-row-caret{margin-left:var(--space-1);vertical-align:middle;transition:transform var(--motion-fast) var(--ease-out);display:inline-flex}.notif-row-caret[data-expanded=true]{transform:rotate(180deg)}.notif-row-actions{top:8px;right:calc(var(--notif-inset) - 4px);opacity:0;pointer-events:none;transition:opacity var(--motion-fast) var(--ease-out);gap:2px;display:flex;position:absolute}.notif-item:hover .notif-row-actions{opacity:1;pointer-events:auto}.notif-item:has(:focus-visible) .notif-row-actions{opacity:1;pointer-events:auto}.notif-item:hover .notif-row-time{visibility:hidden}.notif-item:has(:focus-visible) .notif-row-time{visibility:hidden}@media (hover:none){.notif-item{--notif-trail:92px;--notif-action:44px}.notif-row{min-height:88px}.notif-row-actions{opacity:1;pointer-events:auto;top:auto;bottom:8px}.notif-item:hover .notif-row-time{visibility:visible}.notif-item:has(:focus-visible) .notif-row-time{visibility:visible}}.notif-row-extra{padding:0 var(--notif-inset) 12px calc(var(--notif-inset) + 32px + 12px)}.notif-state{align-items:center;gap:var(--space-1);padding:var(--space-6) var(--space-4);text-align:center;flex-direction:column;display:flex}.notif-state-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.notif-state-line{margin:0 0 var(--space-2);max-width:280px;font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:1.5}.notif-skeleton-row{box-sizing:border-box;min-height:64px;padding:12px var(--notif-inset);grid-template-columns:32px minmax(0,1fr) 32px;align-items:start;column-gap:12px;display:grid}.notif-skeleton-row .skeleton{border-radius:var(--radius-sm)}.notif-skeleton-avatar{width:32px;height:32px;border-radius:var(--radius-pill)!important}.notif-skeleton-lines{flex-direction:column;gap:6px;padding-top:2px;display:flex}.notif-more{padding:var(--space-2) var(--space-3) var(--space-3);justify-content:center;display:flex}