.nc-bell{position:relative;flex:none;width:44px;height:44px;display:grid;place-items:center;padding:8px}
.nc-bell svg{width:22px;height:22px}
.nc-count{position:absolute;top:-5px;inset-inline-end:-5px;min-width:19px;height:19px;padding:0 4px;border-radius:8px;background:var(--cone);color:var(--cone-ink);font-size:11px;display:grid;place-items:center}
.dc-notifications{display:flex;flex-direction:column;gap:18px;min-width:0}
.dc-notifications h2{margin-top:5px}
.nc-tabs,.nc-filters{display:flex;gap:8px;flex-wrap:wrap}
.nc-tabs [aria-selected=true],.nc-filters [aria-pressed=true]{background:var(--cone);color:var(--cone-ink);border-color:var(--cone)}
.nc-list{display:flex;flex-direction:column}
.nc-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}
.nc-item.unread{border-inline-start:3px solid var(--cone);padding-inline-start:10px}
.nc-item p{overflow-wrap:anywhere;margin:6px 0;line-height:1.7}
.nc-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;color:var(--cone);font-size:20px}
.nc-icon.medical{color:var(--bad)}
.nc-empty{padding:28px 0;text-align:center;color:var(--muted)}
body:has(.dc-notifications) .toast{visibility:hidden}
@media(max-width:420px){.nc-filters{gap:6px}.nc-filters button{padding:6px 9px}.nc-item{gap:9px}}