.notif-page{padding-block:var(--s-5) var(--s-8);display:grid;gap:var(--s-5)}.notif-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap}.notif-head__id{display:grid;gap:var(--s-2);min-width:0}.notif-head h1{font-size:var(--text-2xl);line-height:1.05}.mark-all{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);min-height:40px;border-radius:var(--r-pill);border:1px solid var(--line-strong);background:var(--bg-raised);color:var(--ink-2);font-size:var(--text-sm);font-weight:700;white-space:nowrap;transition:color var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out)}.mark-all:hover{color:var(--ink);border-color:var(--ink)}.mark-all:disabled{opacity:.5;cursor:default}.mark-all svg{width:16px;height:16px;flex:none}.notif-page .evp-tabs{position:static;padding-inline:0;background:none;backdrop-filter:none}.filter-tabs{display:flex;gap:var(--s-2);overflow-x:auto;scrollbar-width:none;padding-bottom:var(--s-1);scroll-snap-type:x proximity}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);min-height:40px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--bg-raised);color:var(--ink-2);font-size:var(--text-sm);font-weight:700;white-space:nowrap;scroll-snap-align:start;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out)}.filter-tab:hover{color:var(--ink);border-color:var(--line-strong)}.filter-tab[aria-selected=true]{background:var(--gold-wash);color:var(--gold-strong);border-color:var(--gold-line)}.filter-tab .count{font-family:var(--font-money);font-variant-numeric:tabular-nums;font-size:var(--text-xs);font-weight:700;padding:1px 7px;border-radius:var(--r-pill);background:var(--gold);color:var(--on-gold)}.filter-tab[aria-selected=true] .count{background:var(--gold-strong);color:var(--on-gold)}.notif-group{display:grid;gap:var(--s-3)}.notif-list{display:grid;gap:0;background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}.notif-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);color:inherit;text-decoration:none}.notif-row+.notif-row{border-top:1px solid var(--line)}.notif-row.is-unread{background:color-mix(in srgb,var(--gold-wash) 40%,transparent)}.notif-lead{width:44px;height:44px;flex:none}.notif-lead .avatar{width:44px;height:44px;box-shadow:none;border:1.5px solid var(--bg-raised)}.notif-ico{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--gold-wash);color:var(--gold-strong)}.notif-ico--palm{background:var(--palm-wash);color:var(--palm-strong)}.notif-ico--live{background:var(--live-wash);color:var(--live)}.notif-ico svg{width:20px;height:20px}.notif-body{min-width:0;display:grid;gap:2px}.notif-text{margin:0;font-size:var(--text-sm);line-height:1.35;color:var(--ink)}.notif-text b{font-weight:700}.notif-text .money{font-size:var(--text-sm);color:var(--gold-strong)}.notif-meta{margin:0;font-size:var(--text-xs);color:var(--ink-3);display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.notif-meta time{font-family:var(--font-money);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.notif-meta .chip{padding:1px var(--s-2);font-size:10px}.notif-trail{display:flex;align-items:center;gap:var(--s-3);flex:none}.notif-dot{width:9px;height:9px;border-radius:50%;flex:none;background:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 22%,transparent)}.notif-row:not(.is-unread) .notif-dot{visibility:hidden}.notif-empty{margin:0}