.notification-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;height:1.4rem;border-radius:999px;padding:0 .35rem;background:#b14343;color:#fff;font-size:.85rem;font-weight:700}
.notification-count[hidden],[data-invitation-banner][hidden]{display:none!important}
.topbar-actions{display:flex;gap:20px;align-items:center}
.notification-bell{display:flex;align-items:center;gap:9px;border:1px solid #625534;padding:9px 12px;color:#e7d8b6;text-decoration:none;background:#22251d}
.notification-bell:hover,.notification-bell:focus-visible{border-color:#d1b16d;background:#303426}
.notification-bell .icon{width:22px;height:22px}
.notification-invitation-banner{margin:18px 28px 0;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #c4a366;background:linear-gradient(105deg,#42351d,#20291f);color:#f5e4bc;line-height:1.6}
.notification-invitation-banner a{color:inherit;font-weight:700;white-space:nowrap}
.notification-invitation-banner p{margin:0}
.nav-item>.notification-count{margin-left:auto}
.notification-page{max-width:1100px}
.notification-page .heading-row p{max-width:700px;line-height:1.7}
.notification-list{display:grid;gap:18px}
.notification-card{border:1px solid #5b513a;border-left:3px solid #d1b171;padding:24px;background:linear-gradient(130deg,#24281f,#171b17)}
.notification-card.is-read{border-left-color:#66695a}
.notification-card h2{font-family:Georgia,serif;font-weight:400;font-size:1.7rem;margin:10px 0}
.notification-card p{line-height:1.7;overflow-wrap:anywhere}
.notification-card time{font-size:.95rem;color:#bcb7a8}
.notification-card-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:18px}
.notification-card .notification-tag{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#d5b97e}
.notification-summary-error{font-size:.85rem;color:#e5b6ae}
@media(max-width:700px){.topbar-actions{gap:10px}.notification-bell-label{display:none}.topbar-actions .early-access{display:none}.notification-invitation-banner{margin:15px 16px 0;padding:14px;flex-wrap:wrap}.notification-invitation-banner a{white-space:normal}.notification-page .heading-row{gap:16px}.notification-card{padding:18px}}