/* Стили для отладочных блоков MV1 */

.debug-section {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 8px;
    margin: 8px 0;
    font-size: 11px;
    /* Контейнер занимает всю ширину, внутренний скролл для широкого контента */
    width: 100%;
    overflow-x: auto;
    box-sizing: border-box;
}

/* Координаты с переносом — узкая колонка */
.debug-coords {
    white-space: nowrap;
    font-size: 9px;
    font-family: monospace;
}

/* Скрытые секции (details) */
.debug-collapsible {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 8px 0;
    background: #f8f9fa;
}

.debug-collapsible > summary {
    padding: 8px 12px;
    background: #e9ecef;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    border-radius: 4px;
}

.debug-collapsible[open] > summary {
    border-bottom: 1px solid #ccc;
    border-radius: 4px 4px 0 0;
}

.debug-collapsible > summary:hover {
    background: #dee2e6;
}

/* Содержимое открытых секций */
.debug-collapsible[open] {
    padding-bottom: 8px;
}

.debug-collapsible > *:not(summary) {
    margin: 8px;
}

.debug-hidden {
    display: none;
}

.debug-toggle {
    cursor: pointer;
    color: #6c757d;
    text-decoration: underline dotted;
}

.debug-icon {
    cursor: pointer;
    margin-left: auto;
}

.debug-table {
    width: auto;
    border-collapse: collapse;
    font-size: 10px;
}

.debug-table th,
.debug-table td {
    border: 1px solid #dee2e6;
    padding: 3px 5px;
    text-align: left;
}

.debug-table tr.before {
    background: #fff3cd;
}

.debug-table tr.after {
    background: #d4edda;
}

.debug-note-type {
    margin-bottom: 8px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

.debug-note-type summary {
    padding: 6px 10px;
    background: #f0f0f0;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 11px;
}

.debug-note-type summary:hover {
    background: #e8e8e8;
}

.debug-note-type[open] summary {
    border-bottom: 1px solid #e0e0e0;
}

.debug-note-type > table {
    margin: 0;
}

.debug-note-stats {
    color: #666;
    font-size: 10px;
}

.debug-median {
    font-size: 10px;
    color: #888;
    margin-left: auto;
}

.debug-summary {
    background: #e3f2fd;
    border: 1px solid #90caf9;
    border-radius: 4px;
    padding: 8px 12px;
    margin-bottom: 10px;
    font-size: 11px;
}

.debug-summary-item {
    margin: 2px 0;
}

.debug-table tr.winner {
    background: #c8e6c9;
    font-weight: bold;
}

.debug-table tr.winner td:first-child::before {
    content: "★ ";
    color: #2e7d32;
}

.debug-show-more {
    display: block;
    margin: 6px auto;
    padding: 4px 12px;
    font-size: 10px;
    background: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
}

.debug-show-more:hover {
    background: #e0e0e0;
}

.debug-note-types-container {
    max-height: 600px;
    overflow-y: auto;
}

.debug-skip-block {
    margin-top: 12px;
}

.debug-skip-block h5 {
    margin: 6px 0;
    font-size: 12px;
}

.debug-subtitle {
    font-size: 10px;
    color: #666;
    margin: 4px 0;
    max-width: 600px;
    white-space: pre-wrap;
}

.debug-empty {
    color: #999;
    font-style: italic;
}

/* Подсветка API вызовов */
.debug-table tr.debug-api-call {
    background: #ffeb3b;
    font-weight: bold;
}

.debug-api-warning {
    color: #e65100;
    font-size: 11px;
    margin-left: 8px;
}

/* Разделение таблиц */
.debug-tables-container {
    padding: 0 10px 10px 10px;
}

.debug-sub-table {
    margin-top: 10px;
}

.debug-sub-table h6 {
    margin: 0 0 4px 0;
    font-size: 11px;
    color: #555;
    font-weight: bold;
    border-bottom: 1px solid #eee;
    padding-bottom: 2px;
}

.debug-sub-table:last-child {
    margin-bottom: 0;
}

.debug-sub-block h6 {
    margin: 6px 0;
    font-size: 11px;
    color: #555;
    font-weight: bold;
}

.debug-funnel-group {
    margin-top: 12px;
}

.debug-funnel-group h5 {
    margin: 6px 0;
    font-size: 12px;
}

.debug-funnel {
    margin-bottom: 8px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background: #fafafa;
}

.debug-funnel summary {
    padding: 6px 10px;
    cursor: pointer;
    font-size: 11px;
    background: #f4f4f4;
}

.debug-funnel[open] summary {
    border-bottom: 1px solid #e0e0e0;
}

.debug-funnel-table {
    margin: 8px 10px 10px 10px;
}

.debug-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 6px 0 8px 0;
    font-size: 10px;
    align-items: center;
}

.debug-filters label:first-child {
    display: flex;
    align-items: center;
}

.debug-filters label:first-child>input[type="checkbox"]{
    margin-right: 4px;
}

.debug-filters select {
    font-size: 10px;
}

.debug-sub-block {
    margin-top: 8px;
}

.debug-table tr.debug-status-accepted {
    background: #d4edda;
}

.debug-table tr.debug-status-rejected {
    background: #fdecea;
}

.debug-table tr.debug-reason-error {
    background: #ffcdd2;
}

.debug-table tr.debug-reason-limit {
    background: #fff3cd;
}

.debug-table tr.debug-reason-other {
    background: #f1f8e9;
}

/* Подсветка ячеек */
.debug-rate-improved,
.debug-table td.debug-rate-improved {
    background: #d4edda;
}

.debug-rate-worsened,
.debug-table td.debug-rate-worsened {
    background: #fff3cd;
}

/* Тип сделки в торговых планах */
.debug-deal-buy {
    color: #28a745;
    font-weight: 500;
}

.debug-deal-sell {
    color: #dc3545;
    font-weight: 500;
}

/* Горизонтальный layout для двух таблиц (покупки/продажи) */
.debug-horizontal-tables {
    display: flex;
    gap: 16px;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 8px; /* место для скроллбара */
}

.debug-horizontal-tables > div {
    flex: 0 0 auto; /* не сжимать, размер по содержимому */
    min-width: 300px;
}

.debug-horizontal-tables h6 {
    margin: 0 0 8px 0;
    font-size: 11px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #ddd;
    padding-bottom: 4px;
}

/* Обёртка для таблиц — горизонтальный скролл */
.debug-table-wrapper,
.debug-sub-block,
.debug-skip-block,
.debug-funnel-table {
    overflow-x: auto;
}

/* Таблица точек - может быть очень широкой */
.debug-points-table {
    min-width: 800px;
}

/* Записи воронки: приглушённые (noSpread, noBuyPoints) */
.debug-funnel-muted {
    opacity: 0.8;
}

.debug-funnel-muted > summary {
    color: #888;
}

/* Обёртки earlySkipped / noResults */
.debug-funnel-faded {
    opacity: 0.7;
}

.debug-funnel-faded > summary {
    color: #888;
}

/* Пояснительный текст внутри записи воронки */
.debug-funnel-explanation {
    padding: 8px;
    font-size: 0.85em;
    color: #666;
}

/* Подсказка "Наведите на этап..." */
.debug-funnel-hint {
    font-size: 0.8em;
    color: #888;
    margin: 4px 0;
}

/* Сообщение о скрытых фильтром записях арбитража */
.debug-arb-filter-hint {
    display: none;
    padding: 8px 0;
    color: #888;
    font-size: 0.85em;
}

/* Подозрительные курсы (MV-3) — красная подсветка */
.debug-dirty-highlight {
    color: #c62828;
}

/* Адаптация для мобильных и узких экранов */
@media (max-width: 768px) {
    .debug-section {
        font-size: 10px;
        padding: 6px;
        margin: 6px 0;
    }

    .debug-table {
        font-size: 9px;
    }

    .debug-table th,
    .debug-table td {
        padding: 2px 4px;
    }

    .debug-collapsible > summary {
        font-size: 12px;
        padding: 6px 10px;
    }

    .debug-summary {
        font-size: 10px;
        padding: 6px 10px;
    }

    .debug-horizontal-tables {
        gap: 12px;
    }

    .debug-horizontal-tables > div {
        min-width: 260px;
    }
}