.notif-wrap{position:relative}.notif-badge{position:absolute;top:2px;right:0;min-width:16px;height:16px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-999);background:var(--accent-red);color:oklch(.16 .02 240);font-size:10px;font-weight:700;line-height:1;border:1.5px solid var(--bg-2)}.notif-panel{position:absolute;top:44px;right:0;width:360px;max-width:calc(100vw - 24px);background:var(--bg-3);border:1px solid var(--border-strong);border-radius:var(--r-14);z-index:40;box-shadow:0 8px 24px rgba(0,0,0,.4);overflow:hidden}.notif-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px 10px;border-bottom:1px solid var(--ds-border)}.notif-list{max-height:min(60vh,460px);overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:2px}.notif-tile{display:grid;grid-template-columns:28px 1fr auto;align-items:start;gap:10px;width:100%;padding:10px;border:0;border-radius:var(--r-10);background:transparent;text-align:left;cursor:pointer;transition:background var(--t-btn) var(--ease)}.notif-tile:focus-visible,.notif-tile:hover{background:var(--bg-4)}.notif-tile.unread{background:color-mix(in oklch,var(--accent-green) 8%,transparent)}.notif-tile.unread:hover{background:color-mix(in oklch,var(--accent-green) 14%,transparent)}.notif-ic{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--r-10);background:var(--bg);border:1px solid var(--ds-border);color:var(--ink-2)}.notif-tile[data-family=deposit] .notif-ic{color:var(--accent-green)}.notif-tile[data-family=withdrawal] .notif-ic{color:var(--accent-yellow)}.notif-tile[data-family=kyc] .notif-ic{color:var(--accent-blue)}.notif-tile[data-family=bonus] .notif-ic{color:var(--accent-violet)}.notif-tile[data-family=support] .notif-ic{color:var(--accent-red)}.notif-tile[data-family=chat] .notif-ic{color:var(--accent-blue)}.notif-body{min-width:0;display:flex;flex-direction:column;gap:3px}.notif-title{font-size:13px;font-weight:600;color:var(--ink);line-height:1.3}.notif-text{font-size:12px;color:var(--ink-3);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-time{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--ink-4);white-space:nowrap;padding-top:2px}.notif-unread-dot{width:6px;height:6px;border-radius:var(--r-999);background:var(--accent-green)}.notif-empty{padding:28px 18px;text-align:center;color:var(--ink-3);display:flex;flex-direction:column;align-items:center;gap:6px}.notif-empty-t{font-size:13px;font-weight:600;color:var(--ink-2)}.notif-empty-s{color:var(--ink-4);max-width:240px}.notif-empty-s,.notif-msg{font-size:12px;line-height:1.5}.notif-msg{padding:18px 12px;color:var(--ink-3)}.notif-msg-err{color:var(--accent-red)}.notif-skeletons{display:flex;flex-direction:column;gap:6px;padding:6px}.notif-sk{height:52px;border-radius:var(--r-10);background:linear-gradient(90deg,var(--bg-4) 25%,var(--bg-3) 50%,var(--bg-4) 75%);background-size:200% 100%;animation:notif-sk-slide 1.2s var(--ease) infinite}@keyframes notif-sk-slide{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.notif-sk{animation:none}}.notif-more{margin:6px 4px 4px}@media (max-height:500px) and (orientation:landscape),(max-width:720px){.notif-panel{position:fixed;top:56px;left:10px;right:10px;width:auto;max-width:none}.notif-list{max-height:calc(100vh - 140px)}}