.notification-button{position:relative;display:grid;place-items:center;padding:0}
.notification-button svg{width:21px;height:21px}
.notification-badge{position:absolute;top:-5px;right:-6px;min-width:19px;height:19px;padding:0 4px;border-radius:10px;background:#d73746;color:#fff;border:2px solid #fff;font-size:10px;line-height:15px;font-weight:800;text-align:center}
.notification-badge[hidden],.notification-panel[hidden]{display:none}
.notification-panel{position:fixed;z-index:9;top:70px;left:50%;transform:translateX(-50%);width:min(496px,calc(100vw - 24px));max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 50px #09264035;padding:16px}
.notification-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}
.notification-panel-head h2{font-size:18px;color:var(--navy);margin:3px 0 0}
.notification-panel-head .close{flex:none;border:1px solid var(--line)}
.notification-summary{font-size:12px;color:var(--muted);line-height:1.5;margin:0 0 12px}
.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px}
.notification-toolbar strong{font-size:13px;color:var(--navy)}
.notification-refresh{min-height:40px;padding:7px 10px;font-size:12px}
.notification-entry{padding:13px 0;border-top:1px solid var(--line)}
.notification-entry-top{display:flex;align-items:flex-start;gap:10px}
.notification-entry-icon{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:10px;background:#fff1df;color:#a46300;font-weight:900}
.notification-entry-icon.urgent{background:#fff0f1;color:#c23245}
.notification-entry-copy{min-width:0;flex:1;overflow-wrap:anywhere}
.notification-entry-copy b{display:block;font-size:13px;color:var(--navy)}
.notification-entry-copy p{font-size:13px;line-height:1.45;margin:4px 0 3px}
.notification-entry-copy small{font-size:11px;color:var(--muted)}
.notification-entry details{font-size:12px;margin:9px 0 0 40px}
.notification-entry details summary{cursor:pointer;min-height:34px;align-content:center;color:var(--blue)}
.notification-entry details p{white-space:pre-wrap;color:var(--muted);line-height:1.5;margin:6px 0}
.notification-entry .link{display:block;min-height:42px;margin:5px 0 0 40px;padding:8px 0;text-align:left}
.notification-empty{padding:19px 10px;text-align:center;color:var(--muted);font-size:13px;line-height:1.5}
.notification-method{border-top:1px solid var(--line);margin-top:4px;padding-top:8px;font-size:12px;color:var(--muted)}
.notification-method summary{cursor:pointer;min-height:36px;align-content:center}
.notification-method p{line-height:1.45;margin:6px 0}
@media(max-width:380px){.notification-panel{top:65px;width:calc(100vw - 16px);padding:13px;max-height:calc(100dvh - 140px)}.notification-panel-head h2{font-size:16px}}