#notificationRoot{position:relative;margin-right:12px;flex-shrink:0}.notify-bell{position:relative;border:1px solid #dbe2ea;border-radius:9px;background:#fff;padding:7px 10px;cursor:pointer;font-size:18px}.notify-badge{position:absolute;right:-7px;top:-7px;background:#dc2626;color:#fff;border-radius:20px;font-size:11px;min-width:19px;padding:2px 4px}.notify-panel{position:fixed;right:20px;top:70px;width:min(430px,calc(100vw - 24px));max-height:calc(100vh - 90px);overflow:auto;z-index:1600;background:#fff;border:1px solid #dbe2ea;border-radius:12px;box-shadow:0 16px 50px #17255430;color:#1f2937}.notify-panel[hidden]{display:none}.notify-head,.notify-tools{padding:12px 15px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.notify-tools button,.notify-head button,.notify-open-pending{font:inherit;font-size:12px;border:1px solid #d1d5db;border-radius:6px;background:#f8fafc;padding:6px 9px;cursor:pointer}.notify-note{font-size:12px;color:#64748b;padding:10px 15px;line-height:1.6}.notify-item{padding:13px 15px;border-bottom:1px solid #edf0f4;cursor:pointer}.notify-item.unread{background:#eff6ff;border-left:3px solid #2563eb}.notify-item.security{border-left:3px solid #ea580c}.notify-item:focus-visible{outline:2px solid #2563eb;outline-offset:-2px}.notify-title{font-weight:600;font-size:14px;margin-bottom:5px}.notify-detail{font-size:12px;line-height:1.6;color:#475569;overflow-wrap:anywhere;white-space:pre-line}.notify-time{font-size:11px;color:#64748b;margin-top:5px}.notify-empty{padding:30px 15px;text-align:center;color:#64748b}.notify-status{font-size:12px;color:#64748b;padding:0 15px 10px}.notify-close{margin-left:auto}@media(max-width:700px){.notify-panel{right:12px;top:64px}#notificationRoot{margin-right:8px}.topbar{flex-wrap:wrap}}
.notify-open-pending{display:block;margin:10px 15px;width:calc(100% - 30px);background:#fff7ed!important;border-color:#fdba74!important;color:#c2410c;font-weight:600;text-align:center;}
