/* Custom table row styling - Light mode */
.table-row-reversed,
.table-row-reversed > td {
    background-color: #fee2e2 !important;
    border-left: 4px solid #ef4444 !important;
    color: #1f2937 !important; /* Dark gray text */
}

.table-row-completed,
.table-row-completed > td {
    background-color: #dcfce7 !important;
    border-left: 4px solid #22c55e !important;
    color: #1f2937 !important; /* Dark gray text */
}

/* Dark mode support */
.dark .table-row-reversed,
.dark .table-row-reversed > td {
    background-color: #7f1d1d !important; /* Dark red background */
    border-left: 4px solid #ef4444 !important;
    color: #f9fafb !important; /* Light text for dark mode */
}

.dark .table-row-completed,
.dark .table-row-completed > td {
    background-color: #14532d !important; /* Dark green background */
    border-left: 4px solid #22c55e !important;
    color: #f9fafb !important; /* Light text for dark mode */
}

/* Hover effects - Light mode */
.table-row-reversed:hover,
.table-row-reversed:hover > td {
    background-color: #fecaca !important;
    color: #1f2937 !important;
}

.table-row-completed:hover,
.table-row-completed:hover > td {
    background-color: #bbf7d0 !important;
    color: #1f2937 !important;
}

/* Hover effects - Dark mode */
.dark .table-row-reversed:hover,
.dark .table-row-reversed:hover > td {
    background-color: #991b1b !important;
    color: #f9fafb !important;
}

.dark .table-row-completed:hover,
.dark .table-row-completed:hover > td {
    background-color: #166534 !important;
    color: #f9fafb !important;
}

/* Ensure links and other elements maintain proper colors */
.table-row-reversed a,
.table-row-completed a {
    color: inherit !important;
    text-decoration: underline;
}

.dark .table-row-reversed a,
.dark .table-row-completed a {
    color: #f9fafb !important;
    text-decoration: underline;
}

/* Force text color on all child elements */
.table-row-reversed *,
.table-row-completed * {
    color: inherit !important;
}

.dark .table-row-reversed *,
.dark .table-row-completed * {
    color: #f9fafb !important;
}