#notificationsMenu[hidden],#notificationCount[hidden],#notificationOlder[hidden]{display:none!important}
.scalpy-header #notificationsButton{position:relative}
.scalpy-header #notificationsButton.has-unread{color:#ffd044!important;background:#2c210c!important}
.scalpy-header #notificationsButton.has-unread .scalpy-bell{border-color:#ffce37!important;filter:drop-shadow(0 0 5px #ffbc3466)}
.scalpy-header .scalpy-notification-count{position:absolute;top:1px;right:0;min-width:17px;height:17px;display:grid;place-items:center;padding:0 3px;border-radius:10px;background:#ffc837;color:#101824;box-shadow:0 0 10px #ffbd3977;font:900 10px/17px Arial,Helvetica,sans-serif}
#notificationsMenu{z-index:30002;width:min(430px,calc(100vw - 20px));max-height:min(590px,calc(100dvh - 65px));overflow:hidden;border:1px solid #344c64;border-top:2px solid #ffc231;border-radius:13px;background:linear-gradient(150deg,#101d2e,#091524 82%);box-shadow:0 30px 80px #000b;color:#edf4fc;font-family:Arial,Helvetica,sans-serif}
#notificationsMenu *{box-sizing:border-box}
#notificationsMenu .scalpy-popup-heading{min-height:60px;padding:13px 15px;border-bottom:0}
#notificationsMenu .scalpy-popup-heading>div{flex-direction:row;align-items:center;gap:9px}
#notificationsMenu .scalpy-popup-heading strong{font-size:16px;font-weight:800;letter-spacing:0;text-transform:none}
#notificationHeaderCount{min-width:39px;padding:5px 8px;border-radius:14px;background:#ffbf31;color:#1a2230!important;font-size:10px!important;font-weight:900}
#notificationsMenu #markReadButton{padding:7px 2px;color:#a9bdd4;font-size:10px;white-space:nowrap}
#notificationsMenu #markReadButton:hover{color:#ffca3e}
.scalpy-notification-intro{margin:0;padding:0 16px 12px;color:#8ea4bd;font-size:11px;line-height:1.4}
.scalpy-notification-list{max-height:min(450px,calc(100dvh - 190px));overflow-y:auto;padding:0 11px 11px}
.scalpy-notification-card{position:relative;display:flex;gap:12px;width:100%;min-height:94px;margin:0 0 7px;padding:13px;border:1px solid #273e56;border-radius:10px;background:#0c1a2b;color:#e8f0fb;text-align:left;cursor:pointer}
.scalpy-notification-card:hover{border-color:#50789f;background:#11243a}
.scalpy-notification-card.is-unread:after{content:'';position:absolute;right:12px;top:14px;width:7px;height:7px;border-radius:50%;background:#ffc339}
.scalpy-notification-card .notification-icon{flex:0 0 39px;width:39px;height:39px;display:grid;place-items:center;border:1px solid #245793;border-radius:9px;background:#164682;color:#dbedff;font-size:20px}
.scalpy-notification-card.kind-maintenance .notification-icon{border-color:#6c561f;background:#493818;color:#ffd35d}
.scalpy-notification-card.kind-news .notification-icon{border-color:#4c5c78;background:#182b48;color:#ffd85c}
.scalpy-notification-card .notification-copy{min-width:0;flex:1;padding-right:6px}
.scalpy-notification-card .notification-kind{display:inline-block;margin-bottom:5px;padding:3px 6px;border-radius:9px;background:#154a84;color:#94caff;font-size:9px;font-weight:900;text-transform:uppercase}
.scalpy-notification-card.kind-maintenance .notification-kind{background:#493715;color:#ffcf57}
.scalpy-notification-card.kind-news .notification-kind{background:#26394f;color:#bdcee2}
.scalpy-notification-card strong{display:block;margin-bottom:5px;color:#f3f7fd;font-size:12px;line-height:1.25}
.scalpy-notification-card p{margin:0 0 7px;color:#a6bad1;font-size:11px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.scalpy-notification-card time{color:#819bb6;font-size:9px}
.scalpy-notification-card .notification-link{display:block;margin-top:7px;color:#ffcc48;font-size:10px;font-weight:800}
.scalpy-notification-empty{margin:0;padding:26px 10px;color:#91a8c2;text-align:center;font-size:11px;line-height:1.5}
#notificationOlder{width:100%;min-height:39px;padding:0 16px;border:0;border-top:1px solid #2a4056;background:#0d1b2d;color:#b9cee5;text-transform:none;font-size:11px;letter-spacing:0;cursor:pointer}
#notificationOlder:hover{color:#ffca3c}
@media(max-width:680px){#notificationsMenu{position:fixed;top:55px;right:10px;left:10px;width:auto;max-height:calc(100dvh - 65px)}.scalpy-header .scalpy-notification-count{top:2px;right:1px}}
