.notification-overlay{z-index:160;background:#07133d40;position:fixed;inset:0}.notification-panel{color:#070f3d;z-index:161;background:#fff;border:1px solid #dce6f5;border-radius:16px;flex-direction:column;gap:16px;width:min(480px,100vw - 24px);padding:24px;display:flex;position:fixed;inset-block:12px;inset-inline-end:12px;overflow-y:auto;box-shadow:0 16px 60px #07133d24}.notification-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.notification-heading h2{align-items:center;gap:10px;margin:0;font-size:24px;display:flex}.notification-close,.notification-read{color:#395889;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;place-items:center;min-width:44px;min-height:44px;display:grid}.notification-close:hover,.notification-read:hover{color:#0046ff;background:#e9f2ff}.notification-intro{color:#61749c;margin:0;font-size:14px;line-height:1.5}.notification-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.notification-toolbar .button{min-height:44px;padding:8px;font-size:13px}.notification-filters{background:#f3f7fc;border-radius:10px;gap:4px;padding:4px;display:flex}.notification-filters button{color:#395889;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;min-height:40px;padding:8px 12px;display:flex}.notification-filters button[aria-pressed=true]{color:#0046ff;background:#fff;box-shadow:0 1px 4px #17376715}.notification-filters span{font-size:12px;font-weight:700}.notification-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.notification-list li{background:#edf4ff;border:1px solid #dce6f5;border-radius:12px;align-items:center;padding-inline-end:4px;display:flex}.notification-list li.is-read{background:#fff}.notification-list a{min-width:0;color:inherit;border-radius:12px;flex:1;align-items:flex-start;gap:12px;padding:16px 12px;text-decoration:none;display:flex}.notification-summary{overflow-wrap:anywhere;gap:5px;min-width:0;display:grid}.notification-summary small{color:#0046ff;font-size:12px;font-weight:600}.notification-summary strong{font-size:15px;line-height:1.4}.notification-summary time{color:#61749c;font-size:12px}.notification-icon{color:#0046ff;background:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.notification-empty{text-align:center;color:#61749c;justify-items:center;gap:12px;padding:48px 12px;display:grid}.notification-empty p{margin:0}.notification-panel button:focus-visible,.notification-list a:focus-visible{outline-offset:3px;outline:2px solid #0046ff}.gallery-notifications,.gallery-drawer-notifications{position:relative}.notification-badge{color:#fff;background:#0046ff;border-radius:10px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:inline-grid}.gallery-notifications .notification-badge{top:-6px;position:absolute;inset-inline-end:9px}@media (max-width:599px){.notification-panel{width:100%;padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:0;inset:0}}