.notification-page{max-width:980px;min-width:0;overflow-wrap:anywhere;padding-bottom:max(18px,env(safe-area-inset-bottom,0px))}.notification-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}.notification-heading h1{margin:6px 0}.notification-tabs{display:flex;gap:20px;margin:0 0 18px}.notification-tabs a{padding:10px 0;min-height:44px;font-size:.9375rem}.notification-tabs a[aria-current=page]{font-weight:700;border-bottom:2px solid var(--green)}.notification-day{margin-bottom:22px}.notification-day>h2{color:var(--muted);font-size:.8125rem;margin:0 0 8px}.notification-list{display:grid;gap:8px}.notification-row{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:8px;min-width:0}.notification-row.is-unread{background:var(--expanded);border-left:3px solid var(--green)}.notification-content{display:block;flex:1;min-width:0;padding:14px 16px;color:var(--ink)}.notification-content:hover{text-decoration:none}.notification-label{display:flex;align-items:center;gap:10px;font-size:.9375rem}.notification-dot{width:7px;height:7px;background:var(--green);border-radius:50%;flex-shrink:0}.notification-content p{margin:5px 0;font-size:.875rem;overflow-wrap:anywhere}.notification-meta{display:flex;gap:6px 12px;flex-wrap:wrap;color:var(--muted);font-size:.75rem}.notification-action-label{color:var(--green)}.notification-read-form{padding-right:12px}.notification-read{font-size:.75rem;padding:8px 10px;min-height:44px;background:transparent;border-color:transparent;font-weight:400}.notification-empty{padding:20px;margin-top:16px}.notification-empty h2{font-size:1rem;margin:0 0 6px}.notification-empty p{margin:6px 0;color:var(--muted);font-size:.875rem}.notification-pagination{display:flex;align-items:center;gap:14px}.notification-preferences{margin-top:16px}.notification-preferences select{font-size:16px;max-width:100%;margin:8px 0 12px}.notification-setting{display:flex;align-items:center;gap:8px;min-height:44px;font-weight:400;margin:8px 0;font-size:.875rem}.notification-setting input{flex-shrink:0}.notification-bell{position:relative;flex-shrink:0;z-index:20}.notification-desktop{margin:0}.notification-desktop>summary,.notification-mobile{display:flex;align-items:center;justify-content:center;gap:5px;list-style:none;min-width:44px;min-height:44px;padding:7px;color:var(--green);cursor:pointer;border-radius:7px}.notification-desktop>summary::-webkit-details-marker{display:none}.notification-bell svg{width:23px;height:23px;flex-shrink:0}.notification-bell b[data-notification-count]{border-radius:12px;padding:1px 6px;background:var(--green);color:#fff;font-size:.6875rem;line-height:1.5}.notification-bell [hidden],[data-notification-count][hidden]{display:none!important}.notification-popover{position:absolute;right:0;top:calc(100% + 6px);width:min(380px,calc(100vw - 32px));max-height:min(580px,75vh);overflow-y:auto;border:1px solid var(--line);box-shadow:0 10px 36px #172d3526;border-radius:9px;background:#fff;padding:14px;overflow-wrap:anywhere}.notification-popover h2{font-size:1rem;margin:0 0 8px}.notification-preview-row{display:grid;gap:4px;padding:11px 8px;color:var(--ink);border-bottom:1px solid var(--line);font-size:.8125rem}.notification-preview-row:hover{text-decoration:none;background:var(--bg)}.notification-preview-row.is-unread{border-left:2px solid var(--green);background:var(--expanded)}.notification-preview-row span{font-size:.8125rem}.notification-preview-row small{font-size:.6875rem}.notification-all{display:block;min-height:44px;padding:12px 8px 4px;font-size:.875rem}.notification-mobile{display:none}.topbar-tools{display:flex;align-items:center;gap:12px;min-width:0}.topbar{position:relative}.topbar-tools>.muted{min-width:0}
@media(max-width:760px){.notification-desktop{display:block}.topbar-tools{gap:6px}.topbar-tools>.muted{font-size:.6875rem}.notification-heading h1{font-size:1.65rem}.notification-heading button{padding:8px 10px;font-size:.8125rem}.notification-content{padding:12px}.notification-row{align-items:flex-start;flex-wrap:wrap;gap:0}.notification-content{flex-basis:100%}.notification-read-form{margin-left:auto;padding:0 6px 4px}.notification-read{min-height:44px}.notification-empty{padding:16px}.notification-tabs{margin-bottom:14px}.notification-day{margin-bottom:18px}}

.notification-tabs{flex-wrap:wrap;gap:4px 18px}.notification-tabs [hidden]{display:none}.notification-preview-group{font-size:.75rem;color:var(--muted);margin:10px 8px 4px}.notification-cleanup{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;margin-bottom:14px}.notification-cleanup button{font-size:.8125rem;padding:8px 12px;min-height:44px}.notification-cleanup small{color:var(--muted);font-size:.75rem;max-width:420px}.notification-feedback{font-size:.875rem;color:var(--green)}.notification-actor{color:var(--muted)}
.notification-toasts{position:fixed;right:max(18px,env(safe-area-inset-right));width:min(350px,calc(100vw - 28px));display:grid;gap:8px;z-index:35;pointer-events:none}.notification-toasts[hidden]{display:none!important}.notification-toast{display:flex;align-items:flex-start;gap:10px;padding:12px 8px 10px 12px;border:1px solid #ccdcd6;border-left:3px solid var(--green);border-radius:9px;background:#fff;color:var(--ink);box-shadow:0 3px 14px #19372c14;pointer-events:auto;min-width:0}.notification-toast-icon{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border-radius:50%;background:#e7f2ed;color:var(--green);font-weight:700}.notification-toast-content{flex:1;min-width:0;overflow-wrap:anywhere;font-size:.8125rem;line-height:1.4}.notification-toast-content strong{font-size:.875rem;display:block}.notification-toast-content p{margin:5px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-toast-content small{display:block;color:var(--muted);font-size:.75rem}.notification-toast-content>a{display:inline-flex;align-items:center;min-height:36px;font-weight:600;margin-top:2px}.notification-toast-close{display:grid;place-items:center;min-width:36px;min-height:36px;padding:0;border:0;background:transparent;color:var(--muted);font-size:1.25rem;font-weight:400;flex-shrink:0}.notification-toast-urgent{display:inline-block;margin-top:4px;border-radius:4px;padding:1px 6px;background:#faf1df;color:#785812;font-size:.6875rem}.notification-toast button:focus-visible,.notification-toast a:focus-visible{outline:2px solid var(--green);outline-offset:2px}
@media(max-width:760px){.notification-toasts{right:max(10px,env(safe-area-inset-right));width:calc(100vw - 20px);max-width:380px}.notification-toast{padding:10px 6px 8px 10px;gap:8px}.notification-toast-close{min-width:44px;min-height:44px}.notification-toast-content>a{min-height:44px}.notification-cleanup small{flex-basis:100%}.notification-tabs{gap:2px 14px}.notification-tabs a{font-size:.8125rem}}
.notification-toast-urgent{margin-right:6px}

.notification-toast{padding:8px 6px 8px 10px;align-items:center;gap:8px}.notification-toast-content{display:block;color:var(--ink);text-decoration:none;min-height:44px}.notification-toast-content:hover{text-decoration:none}.notification-toast-content strong{font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-toast-content p{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0;font-size:.8125rem}.notification-toast-meta{display:flex;align-items:center;gap:8px;min-width:0}.notification-toast-meta small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.notification-toast-meta .notification-toast-urgent{margin:0;flex-shrink:0}.notification-toast-action{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.notification-toast-summary{display:block;color:var(--green);margin-top:3px}.notification-toast-close{align-self:center}