/* Existing styles remain unchanged */
.prosupport-ticket-form,
.prosupport-user-tickets,
.prosupport-message,
.prosupport-reply-section,
.prosupport-conversation,
.prosupport-message-user,
.prosupport-message-agent,
.accordion-item,
.accordion-header,
.accordion-content {
    /* ... (unchanged) */
}

/* New styles for counter */
.prosupport-counter {
    font-size: 14px;
    transition: all 0.3s ease;
}

.prosupport-counter:hover {
    background-color: #e0f2fe;
}

/* Animation styles (already in frontend.js, included here for completeness) */
.animate-fade-in {
    animation: fadeIn 0.5s ease-in;
}

.animate-fade-out {
    animation: fadeOut 0.5s ease-out forwards;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}