.mail-notification-wrap{position:relative;display:inline-flex;align-items:center;direction:rtl}
.mail-notification-btn{position:relative;width:46px;height:46px;border:1px solid rgba(221,230,237,.2);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(38,55,77,.72);color:#eef6fb;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease;padding:0}
.mail-notification-btn:hover,.mail-notification-btn:focus-visible{transform:translateY(-1px);border-color:#95b2c0;background:#26374d;outline:none}
.mail-notification-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mail-notification-badge{position:absolute;top:-9px;right:-14px;min-width:36px;height:21px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#b52d4b;color:#fff;border:2px solid #11141e;font-size:10px;font-weight:900;line-height:1;white-space:nowrap;box-shadow:0 4px 14px rgba(181,45,75,.35)}
.mail-notification-menu{position:absolute;top:calc(100% + 14px);left:0;width:min(330px,calc(100vw - 28px));padding:10px;background:rgba(17,20,30,.98);border:1px solid rgba(221,230,237,.2);border-radius:16px;box-shadow:0 20px 45px rgba(0,0,0,.38);opacity:0;visibility:hidden;transform:translateY(-7px);transition:opacity .18s ease,visibility .18s ease,transform .18s ease;z-index:1300}
.mail-notification-wrap:hover .mail-notification-menu,.mail-notification-wrap:focus-within .mail-notification-menu,.mail-notification-wrap.is-open .mail-notification-menu{opacity:1;visibility:visible;transform:translateY(0)}
.mail-notification-title{padding:5px 7px 10px;color:#f5f8fa;font-size:13px;font-weight:900;line-height:1.8;border-bottom:1px solid rgba(221,230,237,.12);margin-bottom:5px}
.mail-notification-link{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 9px;border-radius:10px;color:#eaf2f7;text-decoration:none;font-size:13px;font-weight:800;line-height:1.6}
.mail-notification-link:hover,.mail-notification-link:focus-visible{background:#26374d;outline:none}
.mail-notification-count{min-width:26px;height:26px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#95b2c0;color:#102033;font-size:12px;font-weight:900;direction:ltr}
.mail-notification-note{display:block;padding:7px 8px 3px;color:#aebdca;font-size:11px;line-height:1.7}
@media(max-width:768px){.nav>.mail-notification-wrap{display:none!important}.mail-notification-menu{left:auto;right:0}}