.multi-timeframe { width: 100%; background-color: var(--mango-bg); border: 1px solid white; }
.multi-timeframe-table tr { background-color: var(--mango-bg); }
.multi-timeframe-table tr:hover { background-color: var(--mango-bg) !important; }

/* Fix for scrollbar appearance in Chrome */
/* Hide default scrollbars completely */
.dataTables_wrapper .dataTables_scrollBody::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar {
    display: none;
}

/* Make sure scrolling still works */
.dataTables_wrapper .dataTables_scrollBody,
.table-responsive {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* Remove any extra space that might be reserved for scrollbars */
.dataTables_wrapper .dataTables_scroll {
    overflow: hidden;
    margin-bottom: 0;
}

/* Ensure no gap at the bottom of tables */
.dataTables_scrollBody {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Remove any potential spacing in the container */
table.dataTable {
    margin-bottom: 0 !important;
}


.dataTables_filter { display: none; }

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled 
{
    background-position: center left;
}

table.dataTable thead th span
{
    margin-left: 7px;
}

.support-value {
    color: var(--mango-green); /* Same green as trend-long */
    font-weight: bold;
}

.resistance-value {
    color: var(--mango-red); /* Same red as trend-short */
    font-weight: bold;
}

/*Even & Odd table row color change*/
table.dataTable tbody tr {background-color: var(--mango-bg);}
table.dataTable.display tbody tr.odd {background-color: var(--mango-bg-dark);}


#toggle-favorites, #toggle-alerts {
    min-width: 32px;
}