/* 🎯 UNIFIED RESPONSIVE TABLE SYSTEM - Professional Look Across All Pages */

/* Sticky Symbol Column */
.sticky-symbol {
    position: sticky;
    left: 0;
    top: 0;
    z-index: 10;
    background: inherit;
    padding: 8px;
    transition: all 0.2s ease;
}

.sticky-symbol.scrolled {
    background: rgba(248, 249, 252, 0.95);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Responsive Table Optimizations */
.dataTables_wrapper {
    width: 100% !important;
    max-width: 100% !important;
}

.dataTables_scroll {
    width: 100% !important;
}

.dataTables_scrollHead {
    width: 100% !important;
}

.dataTables_scrollBody {
    width: 100% !important;
    overflow-x: auto !important;
}

/* Column Width Management */
.dt-left {
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.dt-center {
    text-align: center !important;
    white-space: nowrap !important;
}

/* Mobile Optimizations */
@media (max-width: 767px) {
    .dataTables_wrapper {
        font-size: 0.85em;
    }
    
    .dt-left, .dt-center {
        padding: 4px 2px !important;
    }
    
    .sticky-symbol {
        padding: 4px !important;
        font-size: 0.9em;
    }
    
    /* REMOVED: Was hiding columns 7+ on mobile */
    /* .dataTables_scrollBody td:nth-child(n+7) {
        display: none;
    } */
}

/* Tablet Optimizations */
@media (min-width: 768px) and (max-width: 1023px) {
    .dataTables_wrapper {
        font-size: 0.9em;
    }
    
    .dt-left, .dt-center {
        padding: 6px 4px !important;
    }
}

/* Desktop Optimizations */
@media (min-width: 1024px) {
    .dataTables_wrapper {
        font-size: 0.95em;
    }
    
    .dt-left, .dt-center {
        padding: 8px 6px !important;
    }
}

/* Table Type Specific Styles */
.signals-table .dataTables_scrollBody {
    /* Signal tables - more space */
    font-size: 0.95em;
}

.terminal-table .dataTables_scrollBody {
    /* Terminal tables - compact */
    font-size: 0.9em;
}

.wide-table .dataTables_scrollBody {
    /* Wide tables (EOD/Closed) - horizontal scroll */
    font-size: 0.85em;
}

/* Professional Table Borders */
.dataTables_scrollBody td {
    border-right: 1px solid #e9ecef !important;
    border-bottom: 1px solid #e9ecef !important;
}

.dataTables_scrollBody td:last-child {
    border-right: none !important;
}

/* Hover Effects */
.dataTables_scrollBody tr:hover td {
    background-color: #f8f9fa !important;
    transition: background-color 0.15s ease !important;
}

/* Loading States */
.dataTables_processing {
    background: rgba(255, 255, 255, 0.8) !important;
    border-radius: 4px !important;
    padding: 10px !important;
}

/* Empty Table States */
.dataTables_empty {
    background: #f8f9fa !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 4px !important;
    padding: 20px !important;
    text-align: center !important;
    color: #6c757d !important;
    font-style: italic !important;
}