/* Alternating row colors for results table */
#results-table tbody tr:nth-child(odd) {
    background-color: white !important;
}

#results-table tbody tr:nth-child(even) {
    background-color: #f8f9fa !important; /* Light gray background */
}

/* Mobile table - all white backgrounds */
#mobile-results-container table {
    background-color: white !important;
}

/* Sortable table headers */
.sortable-header {
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
}

.sortable-header:hover {
    background-color: #f3f4f6 !important;
}

.sort-indicator {
    display: inline-block;
    margin-left: 4px;
    font-size: 12px;
    color: #6b7280;
}

/* Notification animations */
@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

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

@media screen and (max-width: 600px) {
    .responsive-input-group {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
    }

    .responsive-input-group input {
        flex-grow: 1;
        margin-right: 5px;
        width: calc(100% - 30px); /* Adjust based on button width */
    }

    .responsive-input-group button {
        flex-shrink: 0;
        width: 25px; /* Fixed width for the button */
        height: 25px; /* Fixed height for the button */
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
    }
}