.notification-menu{position:relative;flex:none}
#notifications-open{display:flex;align-items:center;gap:5px;padding:8px;color:white}
#notifications-count{background:#fff;color:#00C853;font-size:11px;font-weight:600;line-height:18px;min-width:18px;border-radius:50%;text-align:center}
#notifications-panel{position:absolute;right:0;top:100%;z-index:30;width:min(320px,calc(100vw - 32px));padding:18px;border-radius:16px;background:#fff;color:#263a2d;border:1px solid #e5eee8;box-shadow:0 12px 32px #092e2526;text-align:left}
#notifications-panel[hidden]{display:none}
.notifications-heading{display:flex;justify-content:space-between;align-items:center;font-size:15px}
#notifications-close{background:transparent;border:0;padding:4px;color:#738078}
.notifications-demo{display:block;color:#7b887f;font-size:11px;margin:4px 0 12px}
.notification-item{padding:12px 0;border-bottom:1px solid #edf2ee}
.notification-item strong{font-size:13px;font-weight:600;line-height:1.5}
.notification-item p{font-size:12px;line-height:1.6;margin:5px 0 0;color:#627469}
#notifications-read{font-size:12px;color:#00C853;background:transparent;border:0;padding:14px 0 0}
#notifications-read:disabled{color:#7b887f;cursor:default}
.notifications-all-read .notification-item strong{font-weight:400}
body[data-theme="dark"] #notifications-panel{background:#263a30;color:#edf5ef;border-color:#456050}
body[data-theme="dark"] .notification-item{border-color:#456050}
body[data-theme="dark"] .notification-item p,body[data-theme="dark"] .notifications-demo{color:#c3d1c8}
body[data-theme="dark"] #notifications-read{color:#00C853}
@media(max-width:600px){#notifications-panel{position:fixed;right:16px;top:165px;max-height:calc(100dvh - 190px);overflow:auto}}