body { 
    overflow: hidden; /* Запрет скролла всей страницы на ПК */
}

.token-workspace { 
    height: calc(100vh - 65px); 
    padding: 10px; 
    display: flex; 
    flex-direction: column; 
}

/* Строгие рамки для Flexbox */
.workspace-row { flex: 1; min-height: 0; height: 100%; }
.col-strict { height: 100%; min-height: 0; }
.card-strict { display: flex; flex-direction: column; min-height: 0; overflow: hidden; }

/* Контейнеры для Lightweight Charts */
.chart-body { flex: 1; position: relative; min-height: 0; width: 100%; }
.lw-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

/* Распределение высоты на ПК */
.chart-card-half { flex: 1; }
.chart-card-full { height: 100%; }

/* Элементы управления */
.tf-select { background-color: #111827; color: #ffffff; border: 1px solid #1f2933 !important; border-radius: 4px; padding: 2px 5px; font-size: 12px; font-weight: bold; outline: none; cursor: pointer; box-shadow: none;}
.tf-select:focus { border-color: #86ab2c; }
.situation-list-item { border-bottom: 1px solid #1f2933; padding: 10px 5px; }
.situation-list-item:last-child { border-bottom: none; }
.btn-close-token {
    background: none;
    border: none;
    color: #9ca3af;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    transition: 0.2s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.btn-close-token:hover { color: #fff; transform: scale(1.1); }
.text-muted-token {
    color: #9ca3af !important;    
    font-size: 12px;
}

.bg-green {
    background-color: #86ab2c;    
}

.header-block {
    font-size: 11px; 
    font-weight: bold; 
    text-transform: uppercase;    
}

.situations-card .overflow-auto {
    scrollbar-width: thin;
    scrollbar-color: #1f2933 #111827;
}

.situations-card .overflow-auto::-webkit-scrollbar {
    width: 8px;
}

.situations-card .overflow-auto::-webkit-scrollbar-track {
    background: #111827;
    border-radius: 4px;
}

.situations-card .overflow-auto::-webkit-scrollbar-thumb {
    background-color: #1f2933;
    border-radius: 4px;
    border: 2px solid #111827;
}

.situations-card .overflow-auto::-webkit-scrollbar-thumb:hover {
    background-color: #1f2933;
}

@media (max-width: 991px) {
    body { overflow: auto; }
    .token-workspace { height: auto; display: block; }

    .workspace-row, .col-strict { height: auto !important; min-height: auto; }

    .chart-card-half, 
    .chart-card-full {
        flex: none !important;
        height: 400px !important;
        margin-bottom: 15px;
    }

    .situations-card { 
        height: 550px !important; 
    }
}