.notif-bell,.notif-trigger{position:relative}.notif-badge{background:var(--app-danger,#b42318);color:#fff;text-align:center;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-4px;right:-4px}.notif-panel{z-index:40;flex-direction:column;width:min(380px,100vw - 32px);max-height:min(70vh,560px);padding:0;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notif-panel-head{justify-content:space-between;align-items:center;padding:12px 14px 8px;display:flex}.notif-panel-title{margin:0;font-weight:600}.notif-panel-foot{border-top:1px solid var(--app-border,#e2e8f0);padding:8px}.notif-panel .notif-list{overflow-y:auto}.notif-empty{color:var(--app-muted,#64748b);align-items:center;gap:8px;margin:0;padding:20px 16px;display:flex}.notif-empty svg{width:18px;height:18px}.notif-list{margin:0;padding:0;list-style:none}.notif-item{border-top:1px solid var(--app-border,#e2e8f0)}.notif-item:first-child{border-top:0}.notif-item.is-unread{background:#f1faf5}.notif-link{width:100%;color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;align-items:flex-start;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.notif-link:hover{background:#0f766e0f}.notif-link:focus-visible{outline:2px solid var(--app-focus,#0f766e);outline-offset:-2px}.notif-icon{color:#0a7a43;background:#e6faee;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.notif-icon svg{width:16px;height:16px}.notif-icon.is-warn{color:#8a5a00;background:#fff4d6}.notif-icon.is-error{color:#b42318;background:#fde8e6}.notif-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notif-title{font-weight:600}.notif-body{color:var(--app-muted,#475569);overflow-wrap:anywhere;font-size:13px}.notif-time{color:var(--app-muted,#64748b);font-size:12px}.notif-dot{background:#0a7a43;border-radius:50%;flex:none;width:8px;height:8px;margin-top:6px}.notif-more{justify-content:center;padding-top:12px;display:flex}.notif-inline{vertical-align:-2px;width:14px;height:14px}