/* Account notification center; scoped to the existing header. */
.site-header.hv2 .notification-btn{border-radius:13px;border-color:#3b3c58;background:linear-gradient(150deg,#20263c,#131c2e);color:#c7b7ec;transition:background .15s,border-color .15s}
.site-header.hv2 .notification-btn:hover,.site-header.hv2 .notification-btn[aria-expanded=true]{border-color:#a582da;background:#332946;color:#efe2ff}
.site-header.hv2 .notification-bell{transform:none;display:grid;place-items:center}
.site-header.hv2 .notification-bell svg{width:22px;height:22px}
.site-header.hv2 .notification-btn>b{right:-5px;top:-5px;min-width:21px;height:21px;font-size:11px;padding:0 4px;background:#d6ff88;color:#152014;border:2px solid #0f1524;font-weight:850;box-shadow:0 2px 10px #0003}
.site-header.hv2 .notification-btn>b[hidden]{display:none}
.site-header.hv2 .notification-menu{display:none;position:absolute;right:0;top:56px;width:min(430px,calc(100vw - 28px));height:min(510px,calc(100dvh - 100px));max-height:none;flex-direction:column;border:1px solid #5c4976;border-radius:20px;background:linear-gradient(145deg,#1d2134,#111a2a 70%);box-shadow:0 24px 80px #0009,inset 0 1px #ffffff0d;overflow:hidden;z-index:140}
.site-header.hv2 .notification-menu.open{display:flex;animation:notification-panel-in .18s ease-out}
.site-header.hv2 .notification-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 22px 18px;flex:none;background:radial-gradient(ellipse at top left,#b18adc19,transparent 90%);border-bottom:1px solid #ffffff0b}
.site-header.hv2 .notification-menu-head .notification-eyebrow{font-size:10px;letter-spacing:.13em;color:#bba0db;font-weight:800;display:block;margin:0 0 6px}
.site-header.hv2 .notification-menu-head strong{font-size:23px;letter-spacing:-.03em;color:#f2edff;line-height:1.3;font-weight:800}
.site-header.hv2 #notificationMenuStatus{font-size:14px;line-height:1.5;color:#acb6cd;margin-top:4px}
.site-header.hv2 .notification-close{width:36px;height:36px;display:grid;place-items:center;flex:none;border:1px solid #554866;border-radius:11px;background:#ffffff04;color:#b8accb;cursor:pointer}
.site-header.hv2 .notification-close:hover{background:#ffffff0d;color:#fff}.site-header.hv2 .notification-close svg{width:20px;height:20px}
.site-header.hv2 .notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 18px;flex:none;border-bottom:1px solid #ffffff09}
.site-header.hv2 .notification-filters{display:flex;gap:4px;padding:3px;border:1px solid #40394e;border-radius:10px;background:#111828}
.site-header.hv2 .notification-filters button{height:33px;padding:0 13px;border:1px solid transparent;border-radius:7px;background:transparent;color:#a6b1c7;font-family:inherit;cursor:pointer;font-size:14px;font-weight:650}
.site-header.hv2 .notification-filters button[aria-pressed=true]{background:#473154;border-color:#76538e;color:#efdaff}
.site-header.hv2 #notificationReadAll{border:0;background:transparent;color:#c6a8f0;font-family:inherit;font-size:13px;font-weight:650;cursor:pointer;padding:7px 0}
.site-header.hv2 #notificationReadAll:hover{color:#ecd9ff}.site-header.hv2 #notificationReadAll:disabled{color:#8995ac;cursor:default;opacity:.6}
.site-header.hv2 .notification-list{flex:1;min-height:0;max-height:none;overflow-y:auto;padding:8px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#625078 transparent}
.site-header.hv2 .notification-row{display:flex;align-items:flex-start;gap:12px;padding:15px 12px;margin:0 0 5px;border:1px solid transparent;border-radius:13px;background:transparent;color:#e5eaf6;text-decoration:none;transition:border-color .15s,background .15s}
.site-header.hv2 .notification-row:hover{background:#252a40;border-color:#4c405e}
.site-header.hv2 .notification-row.unread{background:linear-gradient(130deg,#38274260,#29314a50);border-color:#61507858}
.notification-icon{width:40px;height:40px;display:grid;place-items:center;flex:none;border:1px solid #695280;border-radius:13px;background:#332747;color:#c5a5f2;overflow:hidden}
.notification-icon svg{width:21px;height:21px}.notification-icon img{display:block;width:100%;height:100%;object-fit:cover;background:#121622}
.notification-icon.is-support{border-color:#9176bb;background:#252334}.notification-icon.is-alert{border-color:#996173;background:#4d2b3a;color:#ffb8cb}
.site-header.hv2 .notification-copy{flex:1;min-width:0}.site-header.hv2 .notification-row-head{display:flex;align-items:center;gap:10px;min-width:0}
.site-header.hv2 .notification-row strong{font-size:16px;font-weight:750;color:#ebeafa;line-height:1.4}
.site-header.hv2 .notification-unread-dot{display:block;margin-left:auto;flex:none;width:7px;height:7px;border-radius:50%;background:#d6ff88;box-shadow:0 0 10px #d6ff8822}
.site-header.hv2 .notification-row p{font-size:14px;line-height:1.6;color:#b2bdd4;margin:5px 0 9px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.site-header.hv2 .notification-row-meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#a998c4;line-height:1.4}
.site-header.hv2 .notification-row-meta time{color:#98a5be;white-space:nowrap;font-variant-numeric:tabular-nums}
.site-header.hv2 .notification-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:25px;text-align:center;color:#a8b2c7;background:transparent}
.site-header.hv2 .notification-empty-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #94b07155;border-radius:15px;background:#a1d47a12;color:#d0f492;font-size:27px;font-weight:500}
.site-header.hv2 .notification-empty strong{font-size:20px;letter-spacing:-.02em;color:#e1ddf1;font-weight:700}.site-header.hv2 .notification-empty p{margin:0;max-width:260px;font-size:15px;line-height:1.65;color:#a4b0c7}
.site-header.hv2 .notification-menu-foot{padding:11px 18px;background:#0d1525;border-top:1px solid #ffffff09;flex:none;color:#92a0b8;font-size:12px;text-align:center;line-height:1.5}
.site-header.hv2 .notification-menu button:focus-visible,.site-header.hv2 .notification-row:focus-visible{outline:2px solid #c9a3f4;outline-offset:2px}
.notification-toast{position:relative;display:flex;align-items:flex-start;gap:12px;width:min(420px,calc(100vw - 32px));padding:16px;border:1px solid #86679f;border-radius:17px;background:linear-gradient(135deg,#282039,#162034);box-shadow:0 15px 45px #0007;animation:notification-panel-in .2s ease-out;color:#ece8f6;overflow:hidden;pointer-events:auto}
.notification-toast>a{display:flex;gap:13px;flex:1;min-width:0;color:inherit;text-decoration:none}
.notification-toast>a>div{flex:1;min-width:0}.notification-toast strong{font-size:16px;line-height:1.4;color:#eee8fa;display:block}
.notification-toast p{margin:5px 0 9px;font-size:14px;line-height:1.5;color:#b9c2d8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.notification-toast>a>div>span{font-size:13px;font-weight:650;color:#d3b3ff}
.notification-toast>button{flex:none;border:0;border-radius:7px;width:26px;height:26px;background:#ffffff09;color:#c1b1d6;font-size:22px;line-height:1;font-family:inherit;cursor:pointer}
.notification-toast:after{content:'';position:absolute;left:0;bottom:0;height:2px;width:100%;background:#bb9aea;transform-origin:left;animation:notification-toast-life 8s linear forwards}
@keyframes notification-panel-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@keyframes notification-toast-life{to{transform:scaleX(0)}}
@media(max-width:680px){.site-header.hv2 .notification-menu{top:50px;border-radius:17px;width:min(410px,calc(100vw - 24px));height:min(490px,calc(100dvh - 90px))}.site-header.hv2 .notification-menu-head{padding:17px}.site-header.hv2 .notification-toolbar{padding:10px 14px}.site-header.hv2 .notification-row{padding:13px 10px}.site-header.hv2 .notification-row p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.site-header.hv2 .notification-menu.open,.notification-toast,.notification-toast:after{animation:none}.site-header.hv2 .notification-btn,.site-header.hv2 .notification-row{transition:none}}