.notification-mark-read{display:inline-flex;align-items:center;min-height:34px;margin-top:12px;padding:7px 12px;font-size:13px}
.nav button{position:relative}.notification-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center}.message-badge{position:absolute;right:2px;top:2px;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:#ef4444;color:white;font:700 10px/17px var(--sans);text-align:center;box-shadow:0 6px 14px rgba(239,68,68,.35)}.message-badge:empty{display:none}.notifications-page{padding-top:52px;padding-bottom:72px}.notifications-intro{margin-bottom:26px}.notifications-intro h1{font-size:44px;margin:12px 0 8px}.notifications-intro p{color:var(--muted);font-size:17px;margin:0}.notifications-filters{padding:20px;margin-bottom:18px}.notifications-filters h2{margin:0 0 16px;font-size:23px}.notification-filter{display:flex;width:100%;align-items:center;gap:10px;padding:12px 10px;border:0;background:transparent;color:var(--text);font:600 14px var(--mono);text-align:left}.notification-filter:hover,.notification-filter.active{background:var(--panel2)}.notification-filter b{margin-left:auto;min-width:25px;padding:4px 7px;border-radius:14px;background:var(--blue);color:#06131a;font:600 11px var(--sans);text-align:center}.notification-filter[data-filter="unread"] b{background:var(--orange)}.notifications-list{display:grid;gap:8px}.notification-card{display:flex;gap:16px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--panel);min-height:112px}.notification-card.unread{border-color:var(--orange)}.notification-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:12px;background:var(--panel2);color:var(--blue);font-size:20px}.notification-icon.job,.notification-card.unread .notification-icon{color:var(--orange)}.notification-icon.application{color:var(--muted)}.notification-content{min-width:0;flex:1}.notification-heading{display:flex;justify-content:space-between;gap:14px;align-items:start}.notification-heading h3{margin:2px 0 7px;font-size:17px}.notification-heading time{color:var(--muted);font:600 12px var(--mono);white-space:nowrap}.notification-content p{margin:0 0 10px;color:var(--muted);line-height:1.5}.notification-tag{display:inline-block;padding:5px 8px;background:var(--panel2);color:var(--blue);font:600 11px var(--mono)}.notifications-empty{text-align:center;padding:32px}.notifications-empty h3{margin-top:0}@media(max-width:700px){.notifications-page{padding-top:30px}.notifications-intro h1{font-size:34px}.notification-heading{display:block}.notification-heading time{display:block;margin-bottom:7px}}