/* loto.css — «Лото» (loto): клиент 1:1 с classicbk.
 *
 * Все десктопные стили страницы — уже в классических /static/css/buttons.css
 * (перенесены Фазой 3 побайтно из classicbk):
 *   .lotto_date, .lotto_show_result_combination, .lotto_show_result_table,
 *   .lotto_buy_ticket_table, .lotto_buy_ticket_table td:hover, td.active.
 * Своих правил для десктопа модуль не добавляет — как elka/commission.
 *
 * Здесь только адаптация узких экранов (docs/handoff/mobile-adaptation.md:
 * на 430 px горизонтального скролла быть не должно): таблица classicbk
 * «стопкой», фиксированные ширины колонок 150px/200px сняты, таблица итогов
 * тиража не шире экрана, сетка номеров компактнее. */
@media (max-width: 899px) {
  /* Внешняя таблица страницы (контент + колонка меню 200px) — блоки друг под другом */
  #main > div > table,
  #main > div > table > tbody,
  #main > div > table > tbody > tr {
    display: block;
    width: 100% !important;
  }
  #main > div > table > tbody > tr > td {
    display: block;
    width: auto !important;
    max-width: 100%;
  }
  /* Правая колонка (lineGoHTML + miniUrls) — под контентом, слева */
  #main > div > table > tbody > tr > td:nth-child(2) {
    text-align: left !important;
  }

  /* Таблица итогов тиража: была width:600px + td width:150px */
  .lotto_show_result_table {
    width: 100% !important;
    max-width: 100%;
    margin: 10px 0;
  }
  .lotto_show_result_table td {
    width: auto !important;
    padding: 2px 4px;
  }

  /* Сетка номеров 5×10: компактные ячейки, чтобы влезла в 430 */
  .lotto_buy_ticket_table {
    width: 100%;
    table-layout: fixed;
  }
  .lotto_buy_ticket_table td {
    padding: 3px 1px;
    font-size: 8.5pt;
  }

  #main #idlotosee {
    width: 64px !important;
  }
  #main img {
    max-width: 100%;
  }
}