.notification-bell{flex:none;position:relative}.notification-source{align-items:center;gap:6px;min-width:0;display:flex!important}.notification-source img{object-fit:cover;border-radius:4px;flex:none;width:18px;height:18px}.notification-source span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notification-bell b{background:var(--yellow,#f2cc36);color:#17191e;border-radius:10px;min-width:18px;height:18px;padding:0 4px;font-size:12px;line-height:18px;position:absolute;top:-5px;right:-4px}.notification-dock{z-index:39;border:1px solid var(--border,#3b4350);background:var(--surface,#1c2129);min-height:42px;color:var(--text,#edf0f5);border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 20px #0004}.notification-dock b{color:var(--yellow,#eeca3d)}.notification-offline-dot{background:#e0a736;border-radius:50%;width:7px;height:7px}.notification-toast-stack{z-index:39;pointer-events:none;flex-direction:column;gap:8px;width:340px;max-width:calc(100vw - 24px);display:flex;position:fixed;bottom:74px;right:20px}.notification-toast-stack>*{pointer-events:auto}.notification-toast{border:1px solid var(--border,#3b4350);background:var(--surface,#1c2129);color:var(--text,#edf0f5);border-radius:8px;grid-template-columns:minmax(0,1fr) 36px;gap:4px;padding:12px;animation:.22s ease-out notification-enter;display:grid;box-shadow:0 8px 24px #0005}.notification-toast-open{text-align:left;color:inherit;background:0 0;border:0;gap:5px;min-width:0;padding:0;display:grid}.notification-toast strong{overflow-wrap:anywhere;font-size:14px;line-height:1.35}.notification-toast p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.notification-toast small{color:var(--muted,#aeb7c5);font-size:12px}.notification-toast>.icon-button{width:32px;height:32px;min-height:32px;padding:0}.notification-overlay{z-index:240;color:var(--text,#edf0f5);background:#0005;justify-content:flex-end;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.notification-panel{--panel:var(--surface,#1c2129);background:var(--panel);border:1px solid var(--border,#3b4350);border-radius:8px;flex-direction:column;width:420px;max-width:100%;height:min(720px,100dvh - 32px);min-height:0;animation:.22s ease-out notification-enter;display:flex;overflow:hidden;box-shadow:0 20px 70px #0007}.notification-panel>header{border-bottom:1px solid var(--border,#3b4350);flex:none;align-items:center;gap:8px;padding:16px;display:flex}.notification-panel>header>div{flex:1;min-width:0}.notification-panel h2{letter-spacing:0;margin:0;font-size:20px;line-height:1.3}.notification-panel header p{color:var(--muted,#aeb7c5);margin:4px 0 0;font-size:13px}.notification-panel .icon-button{border:1px solid var(--border,#3b4350);min-width:36px;height:36px;color:inherit;background:0 0;border-radius:6px;flex:none;place-items:center;padding:0;display:grid}.notification-filters{border-bottom:1px solid var(--border,#3b4350);flex:none;grid-template-columns:1fr 36px;gap:10px;padding:12px;display:grid}.notification-tabs{gap:4px;min-width:0;display:flex}.notification-tabs button{color:var(--muted,#aeb7c5);background:0 0;border:0;border-radius:5px;flex:1;padding:8px;font-size:13px}.notification-tabs button[aria-pressed=true]{background:var(--yellow,#f0cc3e);color:#17191e}.notification-search{border:1px solid var(--border,#3b4350);border-radius:6px;grid-column:1/-1;align-items:center;gap:8px;min-height:40px;padding:0 10px;display:flex}.notification-search input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]){width:100%;min-width:0;box-shadow:none;color:inherit;background:0 0;border:0;flex:1;padding:8px 0;font-size:14px}.notification-panel select,.notification-panel input[type=time]{border:1px solid var(--border,#3b4350);background:var(--surface-alt,#151a21);width:100%;min-width:0;min-height:38px;color:inherit;border-radius:6px;padding:6px 10px;font-size:14px}.notification-filters>select{grid-column:1/-1}.notification-list{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;overflow:auto}.notification-item{border-bottom:1px solid var(--border,#3b4350);border-left:3px solid #0000;padding:12px 12px 8px}.notification-item.unread{border-left-color:var(--yellow,#f2cc36);background:color-mix(in srgb,var(--yellow,#f2cc36) 4%,transparent)}.notification-item-open{text-align:left;width:100%;color:inherit;background:0 0;border:0;grid-template-columns:28px minmax(0,1fr) 16px;gap:8px;padding:0;display:grid}.notification-item-open>span:nth-child(2){gap:5px;min-width:0;display:grid}.notification-item small{color:var(--muted,#aeb7c5);font-size:12px;line-height:1.4}.notification-item strong{overflow-wrap:anywhere;font-size:14px;line-height:1.4}.notification-item p{overflow-wrap:anywhere;white-space:pre-line;margin:0;font-size:13px;line-height:1.5}.notification-kind{color:#7cb7ff;background:#5294e522;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.notification-kind.kind-integrations,.notification-kind.kind-system{color:#f08b85;background:#e2635d22}.notification-kind.kind-payments{color:#69caa5;background:#42bd9022}.notification-item-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.notification-item-actions button{min-height:32px;color:var(--muted,#aeb7c5);background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:4px 8px;font-size:12px;display:flex}.notification-item-actions button:hover{color:var(--text,#edf0f5);background:#80808022}.notification-empty{text-align:center;min-height:220px;color:var(--muted,#aeb7c5);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;font-size:14px;display:flex}.notification-empty strong{color:var(--text,#edf0f5);font-size:16px}.notification-load-more{border:1px solid var(--border,#3b4350);width:calc(100% - 24px);min-height:40px;color:inherit;background:0 0;border-radius:6px;margin:12px}.notification-error{color:var(--text,#edf0f5);background:#e9b83e18;padding:10px 14px;font-size:13px;line-height:1.4}.notification-error button{color:var(--yellow,#f2cc36);background:0 0;border:0;padding:5px 8px}.notification-preferences{overscroll-behavior:contain;flex-direction:column;gap:16px;padding:16px;font-size:14px;display:flex;overflow:auto}.notification-preferences>label{align-items:center;gap:10px;line-height:1.4;display:flex}.notification-preferences input[type=checkbox]{appearance:none;background:var(--surface,#1c2129);cursor:pointer;border:1px solid #777f8b;border-radius:4px;width:20px;min-width:20px;height:20px;margin:0;position:relative}.notification-preferences input[type=checkbox]:checked{background:var(--yellow,#f2cc36);border-color:var(--yellow,#f2cc36)}.notification-preferences input[type=checkbox]:checked:after{content:"";border:2px solid #17191e;border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.notification-volume{flex-wrap:wrap}.notification-volume>span{margin-left:auto}.notification-volume input{width:100%;accent-color:var(--yellow,#f2cc36)}.notification-preferences>button{border:1px solid var(--border,#3b4350);min-height:40px;color:inherit;background:0 0;border-radius:6px;padding:8px 12px}.notification-preferences>button.primary-button{background:var(--yellow,#f2cc36);color:#17191e;border-color:#0000;font-weight:700}.notification-quiet{grid-template-columns:1fr 1fr;gap:12px;display:grid}.notification-quiet label{gap:6px;display:grid}.notification-category-settings{gap:8px;display:grid}.notification-category-settings label{grid-template-columns:1fr 150px;align-items:center;gap:12px;display:grid}.notification-sheet-handle{display:none}.notification-panel :focus-visible,.notification-toast :focus-visible,.notification-bell:focus-visible{outline:2px solid var(--yellow,#f2cc36);outline-offset:2px}.notification-spin{animation:1s linear infinite notification-spin}@keyframes notification-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes notification-spin{to{transform:rotate(360deg)}}@media (width<=760px),(width<=1000px) and (height<=500px) and (pointer:coarse){.notification-dock{display:none}.notification-toast-stack{top:calc(72px + env(safe-area-inset-top));width:auto;bottom:auto;left:12px;right:12px}.notification-toast-stack>.notification-toast:not(:last-of-type){display:none}.notification-toast{grid-template-columns:minmax(0,1fr) 44px;padding:10px}.notification-toast>.icon-button{width:44px;height:44px;min-height:44px}.notification-overlay{padding:0}.notification-panel{width:100%;max-width:none;height:min(85dvh,820px);padding-bottom:env(safe-area-inset-bottom);border-bottom:0;border-radius:8px 8px 0 0}.notification-panel.expanded{height:calc(100dvh - env(safe-area-inset-top))}.notification-sheet-handle{background:0 0;border:0;flex:none;place-items:center;width:100%;height:24px;min-height:24px;padding:0;display:grid}.notification-sheet-handle span{background:#80808077;border-radius:4px;width:36px;height:4px}.notification-panel>header{padding:4px 12px 12px}.notification-panel .icon-button{min-width:44px;height:44px}.notification-filters{grid-template-columns:1fr 44px}.notification-panel select,.notification-panel input[type=time],.notification-search input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]){min-height:44px;font-size:16px}.notification-item-actions button{min-width:44px;min-height:44px;font-size:13px}.notification-item p{font-size:14px}.notification-preferences>button{min-height:44px}.notification-bell{width:44px!important;min-width:44px!important;height:44px!important}}@media (prefers-reduced-motion:reduce){.notification-panel,.notification-toast,.notification-spin{animation:none}}