/* ========== TABLES ========== */
.table-container { 
    overflow-x: auto; 
}

table { 
    width: 100%; 
    border-collapse: collapse; 
    font-size: var(--font-size-base); 
}

th {
    text-align: left;
    padding: var(--space-lg);
    font-weight: 600;
    color: var(--dark);
    border-bottom: 2px solid var(--border-light);
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

td { 
    padding: var(--space-lg); 
    border-bottom: 1px solid #f0f0f0; 
    vertical-align: middle; 
}

tr:hover { 
    background: var(--bg-hover); 
}

.table-actions { 
    display: flex; 
    gap: 8px; 
}

/* ========== FILTERS BAR ========== */
.filters-bar {
    display: flex;
    gap: var(--space-md);
    margin-bottom: var(--space-xl);
    flex-wrap: wrap;
    align-items: end;
}

/* ========== SEARCH BOX ========== */
.search-box { 
    position: relative; 
    max-width: 400px; 
}

.search-box input { 
    width: 100%; 
    padding-left: 40px; 
}

.search-box::before {
    content: '🔍';
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.5;
}

/* ========== PAGINATION ========== */
.pagination {
    display: flex;
    gap: var(--space-md);
    align-items: center;
    justify-content: center;
    margin-top: var(--space-xl);
}

.pagination-info {
    font-size: var(--font-size-sm);
    color: #666;
}

/* ========== COMPARISON TABLE ========== */
.comparison-table { 
    width: 100%; 
    font-size: var(--font-size-sm); 
}

.comparison-table th { 
    background: var(--dark); 
    color: white; 
    padding: var(--space-md); 
    text-align: center; 
}

.comparison-table td { 
    padding: var(--space-md); 
    text-align: center; 
    border-bottom: 1px solid #f0f0f0; 
}

.comparison-table tr:nth-child(even) { 
    background: #f8f9fa; 
}

.best-value { 
    background: rgba(34, 139, 34, 0.1) !important; 
    color: var(--success); 
    font-weight: 700; 
}