.notification-menu{position:relative;flex:0 0 auto;margin-left:0}.notification-menu summary{list-style:none;position:relative;display:grid;place-items:center;cursor:pointer;width:42px;height:42px;border:1px solid #355e8a;border-radius:50%;background:#0a192c;color:#ffe19a}.notification-menu summary::-webkit-details-marker{display:none}.notification-menu summary:focus-visible{outline:2px solid #ffe19a;outline-offset:3px}.notification-menu svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.notification-count{position:absolute;top:-7px;right:-7px;min-width:20px;padding:1px 5px;border-radius:12px;background:#e4b34a;color:#06121d;font-size:11px;font-weight:bold;line-height:18px}.notification-count[hidden],.notification-error[hidden]{display:none}.notification-panel{position:absolute;right:0;top:50px;width:min(380px,calc(100vw - 24px));padding:16px;background:#071725;color:#f1f4f8;border:1px solid #355e8a;border-radius:12px;box-shadow:0 12px 30px #0008;text-align:left}.notification-panel h2{font-size:18px;margin:0 0 12px}.notification-panel form{margin:0 0 12px}.notification-panel button{border:1px solid #355e8a;border-radius:8px;background:#112741;color:#ffe19a;padding:9px 12px;font-size:12px;cursor:pointer}.notification-panel button:disabled{opacity:.5;cursor:default}.notification-panel ul{list-style:none;margin:0;padding:0;max-height:min(420px,55vh);overflow-y:auto}.notification-panel li{border-top:1px solid #244158}.notification-panel li.unread{background:#15354b;border-left:3px solid #e4b34a}.notification-panel li a{display:block;padding:12px;color:inherit;text-decoration:none;overflow-wrap:anywhere}.notification-panel li a:hover{background:#19374e}.notification-panel strong,.notification-panel time,.notification-panel li span{display:block;line-height:1.5}.notification-panel strong{font-size:13px}.notification-panel time{color:#a8b9cc;font-size:11px;margin-top:5px}.notification-panel li span{font-size:12px}.notification-empty{padding:18px;font-size:13px}.notification-history{display:block;margin-top:12px;font-size:12px;color:#ffe19a}.notification-error{color:#ffb7ad;font-size:12px}@media(max-width:760px){.notification-menu{grid-column:3;grid-row:2;justify-self:end}.topbar .search{grid-column:1/3}.notification-menu summary{width:34px;height:34px}.notification-panel{position:fixed;top:140px;right:12px}}@media(min-width:701px){.topbar{gap:18px}.topbar .search{min-width:100px}}