/* The bell occupies the same touch target, with or without unread activity. */
.notification-bell{position:relative;flex:none;text-decoration:none}
.notification-badge{position:absolute;top:0;right:-3px;min-width:19px;height:19px;padding:0 4px;border-radius:12px;background:var(--ft-primary);color:#fff;font-size:10px;line-height:19px;font-weight:750;text-align:center}
.notification-badge[hidden]{display:none}
.notifications-main{min-width:0}
.notification-status:empty{display:none}
.notifications-mark-all{margin:0 0 20px}
.notification-list{list-style:none;margin:0 0 24px;padding:0;background:var(--ft-surface);border:1px solid var(--ft-border);border-radius:18px;overflow:hidden}
.notification-row{display:flex;gap:12px;padding:18px 16px;border-bottom:1px solid var(--ft-border)}
.notification-row:last-child{border-bottom:0}
.notification-row.is-unread{background:var(--ft-canvas);box-shadow:inset 3px 0 var(--ft-primary)}
.notification-avatar{width:40px;height:40px;min-width:40px;flex:none}
.notification-content{min-width:0;flex:1}
.notification-open{padding:0;border:0;background:none;font:inherit;font-weight:650;line-height:1.5;color:inherit;text-align:left;cursor:pointer;min-height:44px;overflow-wrap:anywhere}
.notification-open:focus-visible,.notification-context:focus-visible{outline:2px solid var(--ft-focus);outline-offset:3px;border-radius:3px}
.notification-context{display:block;color:var(--ft-muted);font-size:.875rem;text-decoration:none;overflow-wrap:anywhere;margin:3px 0 8px}
.notification-time{display:flex;align-items:center;gap:6px;font-size:var(--ft-text-small);color:var(--ft-muted)}
.notification-time svg{width:15px;height:15px}
.notification-status{color:var(--ft-primary)}
.answer-card:target{scroll-margin-top:100px;outline:2px solid var(--ft-focus);outline-offset:3px}
@media(min-width:64rem){.notification-row{padding:20px 24px;gap:16px}}

.notification-actor { color: var(--ft-primary); font-weight: 600; text-underline-offset: .2em; min-block-size: 32px; display: inline-flex; align-items: center; }

.thread-watch{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .6rem}.thread-watch small{font-size:.75rem;color:var(--ft-muted)}.thread-watch [role=status]{font-size:.8125rem}.notification-row small{display:block;color:var(--ft-muted)}