/**
 * TABLES
 * Стили для таблиц журнала сделок
 */

/* Wrapper для таблицы с горизонтальным скроллом */
.overflow-x-auto,
.overflow-auto {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Плавный скролл на iOS */
}

.sheet-table { 
    border-collapse: collapse; 
    width: 100%; 
    min-width: 1000px; /* Минимальная ширина для корректного отображения всех колонок */
}

.sheet-table th, 
.sheet-table td { 
    border: 1px solid color-mix(in srgb, var(--color-border) 92%, transparent); 
    padding: 10px 12px; 
    vertical-align: middle; 
}

.sheet-table thead th { 
    background-color: var(--color-surface-soft); 
    color: var(--color-text-soft); 
    font-size: 12px; 
    text-transform: uppercase; 
    font-weight: 800; 
    letter-spacing: 0.05em;
    padding-top: 13px;
    padding-bottom: 13px;
}

.sheet-table tbody td { 
    background-color: var(--color-surface); 
    font-size: 13px; 
    color: var(--color-text); 
    transition: background-color 180ms ease;
}

.sheet-table tbody tr:hover td { 
    background-color: color-mix(in srgb, var(--color-surface-soft) 72%, var(--color-surface) 28%); 
}

/* Торговая пара - отображение в одну строку */
.trade-pair {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}