.notifs-topbar-btn[hidden]{display:none}.notifs-topbar-btn{display:none;align-items:center;justify-content:center;background:rgba(255,255,255,0.06);border:none;padding:6px 8px;border-radius:8px;color:rgba(255,255,255,0.74);cursor:pointer}.notifs-topbar-btn:hover{background:rgba(255,255,255,0.08);color:#fff}.notifs-topbar-btn svg{width:18px;height:18px}@media (max-width:1199px){.notifs-topbar-btn{display:inline-flex}}.top-navbar-actions{display:flex;align-items:center;gap:6px;margin-left:auto;margin-right:8px}.top-navbar-actions .top-navbar-cmdpalette-btn{margin-left:0;margin-right:0}.notifs-btn-icon{position:relative;display:inline-flex}.notifs-nav-count{margin-left:auto;background:#3b82f6;color:#fff;font-size:11px;font-weight:700;padding:1px 6px;border-radius:8px;min-width:16px;text-align:center;font-variant-numeric:tabular-nums;flex-shrink:0}.navbar-vertical.collapsed .notifs-nav-count{display:none}.notifs-badge{position:absolute;top:-7px;right:-9px;min-width:16px;padding:1px 6px;border-radius:8px;background:#3b82f6;color:#fff;font-size:11px;font-weight:700;line-height:1.2;text-align:center;font-variant-numeric:tabular-nums;pointer-events:none}.notifs-panel{position:fixed;z-index:100060;width:360px;max-width:calc(100vw - 16px);max-height:min(70vh, 520px);flex-direction:column}.notifs-panel.show{display:flex}.notifs-panel-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px 8px}.notifs-panel-title{font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:rgba(255,255,255,0.55)}.notifs-markall{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;color:#60a5fa;font-size:0.75rem;font-weight:600;padding:4px 8px;border-radius:8px;cursor:pointer;transition:background-color 0.15s ease}.notifs-markall:hover{background:rgba(59,130,246,0.2)}.notifs-markall svg{width:13px;height:13px}.notifs-list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;display:flex;flex-direction:column}.notifs-panel-foot{flex:0 0 auto;border-top:1px solid rgba(255,255,255,0.08);margin-top:6px;padding-top:6px}.notifs-viewall{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-radius:10px;font-size:0.9rem;font-weight:500;transition:all 0.15s ease}.dark .dropdown-menu a.notifs-viewall{color:#60a5fa!important}.notifs-viewall svg{width:12px;height:12px}.notifs-row{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:10px;margin:2px 0;font-size:0.9rem;font-weight:500;color:rgba(255,255,255,0.85);text-decoration:none;transition:all 0.15s ease}.notifs-row.is-unread{background:rgba(255,255,255,0.07)}.notifs-row.is-unread .notifs-row-title{color:rgba(255,255,255,0.95);font-weight:600}.notifs-row:not(.is-unread) .notifs-row-title{color:rgba(255,255,255,0.72)}.notifs-row:not(.is-unread) .notifs-row-body{color:rgba(255,255,255,0.5)}.notifs-row:not(.is-unread) .notifs-row-time{color:rgba(255,255,255,0.45)}.notifs-row:not(.is-unread) .notifs-row-tile{opacity:0.75}.notifs-row-tile{flex:0 0 32px;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.74)}.notifs-row-tile svg{width:14px;height:14px}.notifs-row[data-cat="server"] .notifs-row-tile{background:rgba(16,185,129,0.1);color:#10b981}.notifs-row[data-cat="billing"] .notifs-row-tile{background:rgba(234,179,8,0.12);color:#eab308}.notifs-row[data-cat="ticket"] .notifs-row-tile{background:rgba(39,188,253,0.1);color:#27bcfd}.notifs-row[data-cat="social"] .notifs-row-tile{background:rgba(139,92,246,0.1);color:#8b5cf6}.notifs-row[data-cat="achievement"] .notifs-row-tile{background:linear-gradient(135deg,rgba(251,191,36,0.18),rgba(244,114,182,0.14));color:#fbbf24}.notifs-row[data-tone="danger"] .notifs-row-tile{background:rgba(230,55,87,0.1);color:#e63757}.notifs-row[data-tone="warning"] .notifs-row-tile{background:rgba(245,128,62,0.1);color:#f5803e}.notifs-row-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.notifs-row-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notifs-row-body{display:none;font-size:0.8rem;font-weight:400;line-height:1.4;color:rgba(255,255,255,0.6);overflow:hidden}.notifs-row-time{font-size:0.72rem;font-weight:400;color:rgba(255,255,255,0.55);font-variant-numeric:tabular-nums}.notifs-row-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#3b82f6;align-self:center}.notifs-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:32px 18px 36px}.notifs-empty svg{width:32px;height:32px;opacity:0.28}.notifs-empty-title{font-size:0.85rem;font-weight:600;color:rgba(255,255,255,0.85)}.notifs-empty-text{font-size:0.78rem;line-height:1.5;color:rgba(255,255,255,0.53);max-width:240px}.notifs-retry{display:inline-flex;align-items:center;gap:6px;border:none;margin-top:2px;padding:7px 14px;border-radius:10px;background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.85);font-size:0.78rem;font-weight:600;cursor:pointer;transition:background-color 0.15s ease}.notifs-retry:hover{background:rgba(255,255,255,0.1)}.notifs-skel-row{display:flex;align-items:center;gap:10px;padding:10px 14px}.notifs-skel-tile{width:32px;height:32px;border-radius:8px;flex:0 0 32px}.notifs-skel-main{flex:1 1 auto;display:flex;flex-direction:column;gap:6px}.notifs-skel-line{height:10px;border-radius:5px;width:70%}.notifs-skel-line+.notifs-skel-line{width:40%}.notifs-sheet .mnav-sheet-header{display:flex;align-items:center;gap:8px}.notifs-sheet .mnav-sheet-header h2{margin-right:auto}.notifs-markall--sheet{width:36px;height:36px;justify-content:center;padding:0;border-radius:10px}.notifs-markall--sheet span{display:none}.notifs-markall--sheet svg{width:16px;height:16px}@media (max-width:767.98px){.notifs-sheet .notifs-row{min-height:48px;padding:10px 12px;border-radius:12px;font-size:14px}.notifs-sheet .notifs-row-tile{flex-basis:36px;width:36px;height:36px;border-radius:10px}.notifs-sheet .notifs-row-body{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notifs-sheet .notifs-list{padding:4px 0;gap:2px}.notifs-viewall-row{margin-top:8px}}.notifs-row:hover,.notifs-row:focus,.notifs-row:active,.notifs-viewall:hover,.notifs-viewall:focus,.notifs-viewall-row:hover,.notifs-viewall-row:focus,.notifs-page-btn:hover,.notifs-page-btn:focus,.notifs-tab:hover,.notifs-tab:focus{text-decoration:none}.notifs-row:focus-visible,.notifs-markall:focus-visible,.notifs-retry:focus-visible,.notifs-viewall:focus-visible,[data-notifs-trigger]:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px}@media (prefers-reduced-motion:reduce){.notifs-row,.notifs-topbar-btn,.notifs-markall,.notifs-viewall{transition:none}}