.navIconWrap{place-items:center;display:grid;position:relative}.navBadge{color:#fff;text-align:center;background:#d84c4c;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font:700 10px/18px Arial,sans-serif;position:absolute;top:-7px;left:-9px;box-shadow:0 0 0 2px #0a3128}.liveNotifToast{z-index:260;top:calc(env(safe-area-inset-top) + 14px);color:#102821;background:#fff;border:1px solid #d9e5e0;border-radius:17px;grid-template-columns:38px 1fr;align-items:center;gap:10px;width:min(420px,100% - 28px);padding:12px 14px;text-decoration:none;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 16px 50px #082e2630}.liveNotifToast>span{color:#0d7557;background:#e8f5ef;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.liveNotifToast b,.liveNotifToast small{display:block}.liveNotifToast small{color:#71817b;margin-top:2px;font-size:12px}.notificationTopActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.notifCount{color:#fff;width:56px;height:56px;box-shadow:var(--shadow);background:#0b3b31;border-radius:17px;grid-template-columns:20px auto;place-content:center;gap:4px;display:grid}.notifCount svg{width:19px}.notifCount b{font:800 17px/1 var(--font-latin)}.notificationGrid{grid-template-columns:1.15fr .85fr;gap:16px;display:grid}.notificationSectionHead{justify-content:space-between;align-items:end;margin-bottom:9px;display:flex}.notificationSectionHead h2{margin:0;font-size:19px}.notificationSectionHead p{color:var(--muted);margin:2px 0 0;font-size:12px}.notificationSectionHead>span{background:var(--brand-soft);min-width:32px;height:32px;color:var(--brand);border-radius:999px;place-items:center;padding:0 9px;font-weight:800;display:grid}.notificationEventList,.notificationList{gap:8px;display:grid}.notificationEvent{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;grid-template-columns:42px 1fr 20px;align-items:center;gap:10px;padding:13px 14px;text-decoration:none;transition:all .15s;display:grid}.notificationEvent.unread{background:#fbfefd;border-color:#b9dacc}.notificationEvent:hover{border-color:#9fc8b8;transform:translateY(-1px)}.eventIcon{background:var(--brand-soft);width:42px;height:42px;color:var(--brand);border-radius:13px;place-items:center;display:grid}.notificationEvent b,.notificationEvent small,.notificationEvent time{display:block}.notificationEvent small{color:var(--muted);margin-top:2px;font-size:12px}.notificationEvent time{color:#8b9994;margin-top:5px;font-size:10px}.eventArrow{color:#9bada6;width:18px;transform:rotate(180deg)}.notificationList a{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:13px 14px;text-decoration:none;display:grid}.notificationList a.high{background:#fffdf7;border-color:#f0dca8}.notificationList a>span{width:42px;height:42px;color:var(--brand);background:#f2f6f4;border-radius:13px;place-items:center;display:grid}.notificationList a.high>span{color:#936100;background:#fff3d6}.notificationList b,.notificationList small{display:block}.notificationList small{color:var(--muted);font-size:12px}.notificationList strong{min-width:34px;height:34px;font:800 12px/1 var(--font-latin);background:#eef4f1;border-radius:999px;place-items:center;display:grid}.emptyState.compact{align-content:center;place-items:center;gap:6px;min-height:160px;display:grid}.emptyState.compact svg{color:var(--brand)}.emptyState.compact small{color:var(--muted)}@media (max-width:900px){.notificationGrid{grid-template-columns:1fr}.notificationTopActions{width:100%}.notificationTopActions .notifCount{margin-inline-start:auto}}@media (max-width:820px){.liveNotifToast{top:calc(env(safe-area-inset-top) + 9px)}.notificationsCenter .pageTop{align-items:flex-start}.notificationEvent{grid-template-columns:40px 1fr 16px}.notificationEvent,.notificationList a{padding:12px}.notificationTopActions .secondaryBtn{display:none}}