/* ============================================
   TABLE STYLES
   ============================================ */

table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

th {
    background: #f8f9fa;
    padding: 16px 12px;
    text-align: left;
    font-weight: 700;
    border-bottom: 3px solid #0f3460;
    cursor: pointer;
}

td { 
    padding: 14px 12px; 
    border-bottom: 1px solid #e9ecef; 
}

tr:hover { 
    background: #f8f9fa; 
}

.table-view {
    display: none;
    background: var(--card-bg);
    border: 2px solid var(--border-color);
    border-radius: 20px;
    padding: 20px;
    overflow-x: auto;
    box-shadow: 0 2px 8px var(--shadow);
}

.table-view.active {
    display: block;
}

/* Zebra Striping */
.dj-table tbody tr:nth-child(even) {
    background-color: #f8f9fa;
}

.dj-table tbody tr:nth-child(odd) {
    background-color: #ffffff;
}

.dj-table tbody tr:hover {
    background-color: #e3f2fd !important;
    transition: background-color 0.2s ease;
}

.dj-table tbody tr.new-dj {
    background: linear-gradient(90deg, rgba(255, 107, 107, 0.05) 0%, rgba(255, 142, 83, 0.05) 100%);
    border-left: 4px solid #ff6b6b;
}