.notification-link{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#172033;text-decoration:none;font-weight:800}.notification-link:hover{border-color:var(--copper)}.notification-count{position:absolute;right:-6px;top:-6px;min-width:21px;height:21px;padding:0 5px;display:grid;place-items:center;border:2px solid #fff;border-radius:99px;background:#b42318;color:#fff;font-size:11px}.notification-list{display:grid;gap:12px}.notification-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:16px;padding:18px 20px;border-left:4px solid transparent}.notification-card.is-unread{border-left-color:var(--copper);background:#fffdf8}.notification-card h3{margin:0 0 6px}.notification-card p{margin:0 0 8px;color:#475467}.notification-card small{color:var(--muted)}.notification-kind{font-size:11px;font-weight:800;letter-spacing:.08em;color:#8a5700;background:#fff2d9;border-radius:999px;padding:6px 9px}.notification-card:has(.notification-kind:first-child){transition:border-color .2s ease,background-color .2s ease}@media(max-width:700px){.notification-card{grid-template-columns:1fr}.notification-actions form,.notification-actions button,.notification-actions a{width:100%}}