.account-notifications{position:relative;flex-shrink:0}
.account-notifications [hidden]{display:none!important}
.account-notifications__bell{position:relative;cursor:pointer}
.account-notifications__badge{position:absolute;top:-5px;right:-5px;min-width:19px;padding:2px 4px;border-radius:12px;background:#d6af62;color:#101827;font:700 10px Inter,Arial,sans-serif;text-align:center}
.account-notifications__panel{position:absolute;right:0;top:calc(100% + 14px);z-index:1100;width:440px;max-width:calc(100vw - 24px);border:1px solid #39465d;border-radius:14px;background:linear-gradient(135deg,#1b2940,#101a2b);color:#edf2fa;box-shadow:0 18px 50px #0008;overflow:hidden;text-align:left}
.account-notifications__heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 16px;border-bottom:1px solid #ffffff12}
.account-notifications__heading strong{font-size:16px}
.account-notifications__read{background:none;border:0;color:#e1b96a;font-size:11px;cursor:pointer}
.account-notifications__tabs{display:grid;grid-template-columns:.7fr 1fr 1.6fr .7fr;padding:8px;gap:4px;border-bottom:1px solid #ffffff12}
.account-notifications__tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:10px 3px;border:1px solid transparent;border-radius:8px;background:transparent;color:#a8b5c9;font-size:11px;cursor:pointer;white-space:normal}
.account-notifications__tabs button[aria-selected=true]{background:#e1b96a14;border-color:#e1b96a44;color:#e1b96a}
.account-notifications__tabs i{font-size:15px}
.account-notifications__list{max-height:min(440px,60dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.account-notifications__item{display:flex;align-items:center;gap:13px;padding:15px 17px;border-bottom:1px solid #ffffff0a;color:#b7c2d3;text-decoration:none}
.account-notifications__item:hover{background:#ffffff08;color:#fff}
.account-notifications__item.is-unread{background:#e1b96a08;border-left:3px solid #e1b96a;padding-left:14px}
.account-notifications__item>i{width:22px;text-align:center;color:#e1b96a;flex-shrink:0}
.account-notifications__item span{min-width:0}
.account-notifications__item strong,.account-notifications__item small{display:block;line-height:1.5;overflow-wrap:anywhere}
.account-notifications__item strong{font-size:12px;color:#edf2fa}
.account-notifications__item small{font-size:11px;margin-top:3px}
.account-notifications__empty{padding:34px 18px;margin:0;text-align:center;color:#a8b5c9;font-size:13px}
.account-notifications button:focus-visible,.account-notifications a:focus-visible{outline:2px solid #e1b96a;outline-offset:-3px}
@media(max-width:600px){.account-notifications__panel{position:fixed;top:78px;right:12px;width:calc(100vw - 24px)}.top-actions{gap:8px}.top-actions>.btn-gold{padding:9px;font-size:11px}}