.ntf-list{margin:0;padding:0;list-style:none;display:grid}.ntf-item{border-top:1px solid var(--line)}.ntf-item:first-child{border-top:0}.ntf-link{color:var(--ink);border-radius:var(--r-s);align-items:flex-start;gap:.6rem;padding:.7rem .85rem;text-decoration:none;display:flex}.ntf-link:hover{background:var(--paper-2);color:var(--ink)}.ntf-dot{background:var(--line-strong);border-radius:50%;flex:none;width:9px;height:9px;margin-top:.45em}.ntf-dot.bad{background:var(--bad)}.ntf-dot.ok{background:var(--ok)}.ntf-dot.warn{background:var(--warn)}.ntf-item:not(.unread) .ntf-dot{opacity:.35}.ntf-main{gap:.1rem;min-width:0;display:grid}.ntf-title{overflow-wrap:anywhere;font-size:.95rem}.ntf-item.unread .ntf-title{font-weight:700}.ntf-body{overflow-wrap:anywhere;font-size:.85rem}.ntf-body,.ntf-time{color:var(--ink-soft)}.ntf-time{font-size:.78rem}.ntf-list.compact .ntf-link{padding:.55rem .75rem}.ntf-list.compact .ntf-title{font-size:.9rem}