.notify-bell{position:relative;display:inline-block}.notify-trigger{gap:var(--ui-s2)}@media (max-width:1180px){.notify-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}.notify-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--brand-primary);color:var(--brand-on-primary);font-size:11px;font-weight:700;line-height:1}.notify-panel{position:absolute;right:0;top:calc(100% + var(--ui-s2));z-index:40;width:min(380px,calc(100vw - 32px));border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-shadow);display:flex;flex-direction:column;max-height:min(560px,80vh)}.notify-foot,.notify-head{padding:var(--ui-s3) 14px}.notify-head{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-s3);border-bottom:1px solid var(--ui-border)}.notify-head h2{font-size:var(--ui-text-md);font-weight:600}.notify-foot{border-top:1px solid var(--ui-border)}.notify-list{overflow:auto;min-height:72px}.notify-list ul{list-style:none;margin:0;padding:0}.notify-list li+li{border-top:1px solid var(--ui-border)}.ui-root .notify-item{display:grid;gap:var(--ui-s1);width:100%;padding:10px 14px;border:0;border-left:3px solid var(--brand-primary);background:transparent;color:var(--ui-text);text-align:left;font:inherit;font-size:var(--ui-text-sm);text-decoration:none;cursor:pointer}.ui-root .notify-item:hover{background:var(--ui-hover);text-decoration:none}.notify-item:focus-visible,.notify-link:focus-visible{outline:2px solid var(--ui-focus);outline-offset:-2px}.notify-list li[data-read=true] .notify-item{border-left-color:transparent;color:var(--ui-text-muted)}.notify-list li[data-read=false] .notify-text{font-weight:600}.notify-text{overflow-wrap:anywhere}.notify-meta{display:flex;align-items:center;gap:var(--ui-s2);font-size:var(--ui-text-xs);color:var(--ui-text-subtle);font-weight:400}.notify-state{display:grid;gap:var(--ui-s2);justify-items:start}.notify-list .empty,.notify-state{padding:18px 14px}.notify-link{border:0;background:none;padding:2px 0;color:var(--brand-primary);font:inherit;font-size:var(--ui-text-xs);font-weight:600;cursor:pointer}.notify-link:hover{text-decoration:underline}.notify-push{display:grid;gap:var(--ui-s2);justify-items:start;font-size:var(--ui-text-xs)}.notify-push .form-message:empty{display:none}.notify-toasts{position:fixed;right:var(--ui-s4);bottom:var(--ui-s4);z-index:50;display:grid;gap:var(--ui-s2);width:min(360px,calc(100vw - 32px))}.notify-toast{display:flex;align-items:start;justify-content:space-between;gap:var(--ui-s3);padding:var(--ui-s3) 14px;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface);box-shadow:var(--ui-shadow);font-size:var(--ui-text-sm);overflow-wrap:anywhere}.ui-root .notify-toast a{color:var(--ui-text);font-weight:600}@media (prefers-reduced-motion:no-preference){.notify-item{transition:background-color .12s}}