.eg-notifications{position:relative;display:inline-block;font-family:var(--ea-font,system-ui,sans-serif);vertical-align:middle}
.eg-notifications[hidden],.eg-notifications [hidden]{display:none!important}
.eg-notifications>summary{display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;list-style:none;min-width:44px;min-height:44px;color:inherit;border-radius:50%}
.eg-notifications>summary::-webkit-details-marker{display:none}
.eg-notifications-count{position:absolute;top:0;right:-4px;min-width:20px;padding:2px 5px;border-radius:20px;background:#e7b85d;color:#12344d;font:700 12px/1.4 system-ui;text-align:center}
.eg-notifications-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:10001;width:min(370px,calc(100vw - 24px));background:var(--ea-surface,#fffdf8);color:var(--ea-text,#243546);border:1px solid var(--ea-border,#e6decd);border-radius:var(--ea-radius,22px);box-shadow:0 18px 50px #12344d30;overflow:hidden;text-align:left;font-size:14px;line-height:1.5;text-transform:none;letter-spacing:normal}
.eg-notifications-panel header{display:grid;gap:6px;padding:20px;background:linear-gradient(120deg,#f6ead2,transparent)}
.eg-notifications-panel header strong{font:600 21px/1.3 Georgia,serif}
.eg-notifications-status{font-size:12px}
.eg-notifications .eg-notifications-list{display:block!important;position:static!important;visibility:visible!important;opacity:1!important;width:auto!important;max-height:min(430px,65vh);overflow:auto;list-style:none!important;margin:0!important;padding:8px!important;background:transparent!important}
.eg-notifications-list li{display:block!important;float:none!important;margin:0!important;padding:0!important;width:auto!important;border-radius:12px}
.eg-notifications-list li.is-unread{background:#f5eddd}
.eg-notifications-list li>a,.eg-notifications-list li>span{display:grid!important;gap:6px;padding:13px!important;color:var(--ea-text,#243546)!important;white-space:normal!important;text-decoration:none!important;overflow-wrap:anywhere}
.eg-notifications-list small{font:12px/1.4 system-ui;opacity:.75}
.eg-notifications-list a:hover{background:#e9eff1;border-radius:12px}
.eg-notifications :focus-visible{outline:3px solid #c28c2f;outline-offset:-3px}
.eg-account [id^=eg-]{scroll-margin-top:120px}.eg-account [id^=eg-]:target{outline:2px solid #c28c2f;outline-offset:5px}
@media(max-width:600px){.eg-notifications-panel{position:fixed;top:90px;right:12px;left:12px;width:auto}}