.nav-item{display:flex;align-items:center;gap:8px}.nav-count{margin-left:auto;min-width:20px;padding:2px 6px;border-radius:999px;background:#d8f1e8;color:#0d493a;font-size:10px;font-weight:900;text-align:center}.notification-head{display:flex;align-items:center;gap:10px}.notification-list{display:grid;gap:10px}.notification-item{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:17px 18px;border:1px solid #dfe7e3;border-radius:13px;background:#fff;transition:border-color .15s ease,background .15s ease}.notification-item.unread{border-left:4px solid #135f4b;background:#f8fcfa}.notification-main{min-width:0}.notification-item h3{margin:7px 0 5px;font-size:16px;letter-spacing:-.02em}.notification-item p{margin:0;color:#65746e;font-size:13px;line-height:1.55}.notification-meta{margin-top:9px;color:#7c8984;font-size:11px}.notification-read{flex:0 0 auto;padding:8px 10px;font-size:12px}.notification-read-state{flex:0 0 auto;padding-top:4px;color:#8a9692;font-size:11px}.pill.WARNING{background:#fff4e8;color:#c75500}.notification-item .pill.CRITICAL{background:#fff0ee;color:#b42318}@media(max-width:760px){.notification-item{display:grid}.notification-head{align-items:flex-end;flex-direction:column;gap:4px}.notification-read{justify-self:start}.nav-count{margin-left:0}}