.notification-item:hover{background-color:#f8f9fa}.notification-item .mark-as-read{opacity:0;transition:opacity .2s ease}.notification-item:hover .mark-as-read{opacity:1}.notification-unread p{font-weight:500}.notification-unread .time{opacity:.8}.mark-all-as-read{display:flex;align-items:center;gap:4px;font-size:.85rem}.notification-message{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}