/* V18 shared notification center */
.notification-bell{position:relative;flex:0 0 auto}.notification-bell>summary{position:relative;list-style:none;width:38px;height:38px;display:grid;place-items:center;border:1px solid #2b4055;border-radius:10px;background:#091827;color:#eaf4ff;cursor:pointer;font-size:16px}.notification-bell>summary::-webkit-details-marker{display:none}.notification-bell>summary b{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:10px;background:#ff3047;color:#fff;font-size:9px;line-height:1}.notification-bell-popover{position:absolute;right:0;top:46px;z-index:80;width:min(390px,calc(100vw - 28px));padding:10px;border:1px solid #2a4055;border-radius:12px;background:#071522;box-shadow:0 22px 55px rgba(0,0,0,.48)}.notification-bell-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:4px 5px 9px;border-bottom:1px solid rgba(255,255,255,.08)}.notification-bell-head span{color:#ff8aa0;font-size:10px;font-weight:800}.notification-bell-list{display:flex;flex-direction:column}.notification-bell-item{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;padding:9px 5px;border-bottom:1px solid rgba(255,255,255,.06);text-decoration:none}.notification-bell-item:hover{background:rgba(255,255,255,.025)}.notification-bell-item.unread{background:rgba(26,168,255,.055)}.notification-bell-item i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#10263b;font-style:normal}.notification-bell-item span{min-width:0}.notification-bell-item strong{display:block;color:#e9f2fb;font-size:11.5px;line-height:1.4}.notification-bell-item small{display:block;margin-top:3px;color:#71859a;font-size:9.5px}.notification-bell-empty{padding:22px 8px;text-align:center;color:#8294a8;font-size:11px}.notification-bell-all{display:block;padding:9px 4px 2px;text-align:center;color:#66c9ff;font-size:11px;font-weight:800}.notification-center-panel,.my-comments-panel{padding:18px}.notification-center-head,.my-comments-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.notification-center-head h1,.my-comments-head h1{margin:2px 0 4px}.notification-center-head p,.my-comments-head p{margin:0;color:#8799ac}.my-comments-head>b{font-size:24px;color:#8ed7ff}.notification-center-list,.my-comments-list{display:flex;flex-direction:column;border:1px solid #263b50;border-radius:12px;overflow:hidden}.notification-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.065);background:#081522}.notification-row:last-child{border-bottom:0}.notification-row.unread{background:#0a1e30}.notification-row-main{min-width:0;display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;padding:8px 0;text-decoration:none}.notification-row-main i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#10283e;font-style:normal}.notification-row-main strong{display:block;color:#edf5fc;font-size:12px;line-height:1.45}.notification-row-main small{display:block;margin-top:3px;color:#75899e;font-size:10px}.notification-read-button{border:1px solid #304b65;border-radius:7px;background:#0b1a28;color:#a9bdd0;padding:6px 8px;font-size:10px;cursor:pointer}.notification-empty{padding:44px 16px;text-align:center;border:1px dashed #2b4055;border-radius:12px;color:#7f92a6}.notification-empty strong,.notification-empty span{display:block}.notification-empty strong{color:#dbe7f2;margin-bottom:5px}.my-comment-row{padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.065);background:#081522}.my-comment-row:last-child{border-bottom:0}.my-comment-row header{display:flex;align-items:center;gap:8px;min-width:0}.my-comment-row header>a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dcecff;font-weight:800}.my-comment-row time{margin-left:auto;color:#708398;font-size:10px;white-space:nowrap}.my-comment-kind{padding:3px 6px;border-radius:5px;background:#133149;color:#87d4ff;font-size:9px;font-weight:900}.my-comment-kind.reply{background:#33243b;color:#f0a7ff}.my-comment-row p{margin:9px 0;color:#c7d3df;line-height:1.55}.my-comment-row footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#7f93a8;font-size:10.5px}.my-comment-row footer a{margin-left:auto;color:#6acbff;font-weight:800}.member-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px}.member-pagination a{color:#70cfff;font-weight:800}.member-pagination span{color:#8799ab;font-size:11px}@media(max-width:760px){.notification-center-head,.my-comments-head{align-items:stretch;flex-direction:column}.notification-row{grid-template-columns:1fr}.notification-read-button{width:100%}.my-comment-row header{align-items:flex-start;flex-wrap:wrap}.my-comment-row time{margin-left:0;width:100%}.my-comment-row footer a{margin-left:0;width:100%}.notification-bell-popover{right:-54px}}