/* /value-bets/ — скринер и портфель (N7, 2026-10-01). Только классы, без инлайн-стилей. */

/* Таблицы: горизонтальный скролл на узких экранах (обёртка table-responsive уже есть) */
.vb-table td { vertical-align: top; }
.vb-sub { color: #6b7280; font-size: 0.78rem; }

/* Легенда терминов под таблицами */
.vb-legend { margin-top: 0.6rem; font-size: 0.78rem; color: #505359; line-height: 1.6; }
.vb-legend dt { font-weight: 700; color: #374151; display: inline; }
.vb-legend dd { display: inline; margin: 0 0 0 0.15rem; }
.vb-legend > div { margin-bottom: 0.25rem; }

/* Метки рынка/цвета edge в таблицах */
.vb-edge-pos { color: #126631; font-weight: 700; }
.vb-profit-pos { color: #126631; }
.vb-profit-neg { color: #b30f0f; }

/* Шаги «How this page works» — три карточки */
.vb-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.9rem; }
.vb-step { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; padding: 0.9rem 1rem; }
.vb-step-num { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: #126631; color: #ffffff; font-weight: 800; font-size: 0.85rem; margin-bottom: 0.45rem; }
.vb-step-title { font-weight: 700; font-size: 0.95rem; color: #1f2937; margin-bottom: 0.3rem; }
.vb-step-text { font-size: 0.84rem; line-height: 1.55; color: #374151; margin: 0; }
.vb-step-text a { color: #134dce; }
@media (max-width: 768px) {
.vb-steps { grid-template-columns: 1fr; }
}

/* Мобильная адаптация: на ≤640px подписи колонок остаются (первая строка-заголовок
   непрокручиваемая), ячейки компактнее */
@media (max-width: 640px) {
.vb-table { font-size: 0.78rem; }
.vb-table thead th { padding: 0.4rem 0.3rem; font-size: 0.68rem; white-space: nowrap; }
.vb-table tbody td { padding: 0.45rem 0.3rem; }
}

/* Queued-квалификаторы (2026-10-01): ждут свободный банк — приглушённый ряд + чип */
.vb-row-queued td { opacity: 0.62; }
.vb-row-queued td:first-child, .vb-row-queued td:nth-child(2) { opacity: 1; }
.vb-queued-chip { display: inline-block; background: #eef2f7; border: 1px dashed #9aa5b1; color: #4b5563; font-size: 0.68rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; padding: 0.1rem 0.4rem; border-radius: 999px; }

/* Типографика /value-bets/ (2026-10-01, владелец): чуть крупнее и читабельнее.
   Скоуп .vb-page — НЕ трогаем общие классы match-страниц (.mp-vrow-label и т.п.) */
.vb-page .mp-vrow-label { font-weight: 700; color: #1f2937; font-size: 0.95rem; }
.vb-page .mp-note { font-size: 0.92rem; }
.vb-page .mp-vtext { font-size: 0.99rem; }
.vb-legend { font-size: 0.88rem; }
.vb-step-text { font-size: 0.9rem; }
.vb-sub { font-size: 0.84rem; }
.vb-table { font-size: 0.9rem; }
@media (max-width: 640px) {
.vb-table { font-size: 0.84rem; }
}