/* Стили для таблицы с фиксированным заголовком */
.table-container {
    position: relative;
    height: calc(100vh - 200px);
    margin-bottom: 20px;
    background: white;
}

.table-responsive {
    height: 100%;
    overflow-y: auto;
    background: white;
}

.sticky-header {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: #f8f9fa;
}

.sticky-header th {
    position: sticky;
    top: 0;
    background-color: #f8f9fa;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
}

/* Стили для выравнивания */
.text-end {
    text-align: right;
}

.text-center {
    text-align: center;
}

/* Стили для таблицы */
.table {
    margin-bottom: 0;
}

.table th {
    font-weight: 600;
    white-space: nowrap;
}

.table td {
    vertical-align: middle;
}

/* Стили для статусов */
.badge {
    font-size: 0.875rem;
    padding: 0.4em 0.6em;
}

/* Стили для пагинации */
.pagination {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.pagination button {
    margin: 0 0.25rem;
}

/* Анимация при наведении на строку */
.table-hover tbody tr:hover {
    background-color: rgba(0, 123, 255, 0.05);
    cursor: pointer;
}

/* Стили для прибыли/убытка */
.profit-positive {
    color: #198754;  /* зеленый */
    font-weight: 500;
}

.profit-negative {
    color: #dc3545;  /* красный */
    font-weight: 500;
}

.profit-potential {
    color: #6c757d;  /* серый */
    font-style: italic;
}

.profit-zero {
    color: #6c757d;  /* серый */
}

/* Значок для прибыли/убытка */
.profit-indicator::before {
    margin-right: 2px;
}

.profit-positive::before {
    content: "▲";
}

.profit-negative::before {
    content: "▼";
}

.profit-potential::before {
    content: "◆";
}

/* Стили для мобильных устройств */
@media (max-width: 768px) {
    .table-container {
        height: calc(100vh - 150px);
    }
    
    .table th,
    .table td {
        white-space: nowrap;
    }
}