/* Notification Banner Styles */
.notification-banner {
    font-size: 0.75rem;
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: 6px;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    font-weight: 600;
}

/* Animation for new notifications */
@keyframes pulse-once {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.notification-banner.new {
    animation: pulse-once 0.5s ease-in-out;
}