/* ================================================================
 * Аукцион (auction) — модульные стили.
 *
 * Базовые правила аукциона уже лежат в классическом buttons.css
 * (#auction_title, .auc_ln1, .auc_ln2, .asel/.unasel, .inv-zn/.inv-zna,
 * .ioe/.box_inv). Здесь — только адаптация под узкий экран 430px:
 * правая колонка (выходы/масса/деньги) уходит под контент, широкие
 * таблицы лотов прокручиваются внутри контента, а не всей страницей.
 * ================================================================ */

@media (max-width: 700px) {
  /* Внешняя таблица страницы: контент и правая колонка — в столбик */
  #main > div[style*="padding:5px"] > table,
  #main > div[style*="padding:5px"] > table > tbody,
  #main > div[style*="padding:5px"] > table > tbody > tr {
    display: block;
    width: 100%;
  }
  #main > div[style*="padding:5px"] > table > tbody > tr > td {
    display: block;
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
    text-align: left;
  }
  #main > div[style*="padding:5px"] > table > tbody > tr > td[width="200"] {
    padding-top: 6px;
  }

  /* Заголовок с залами — по ширине экрана, без горизонтального скролла */
  #main {
    max-width: 100%;
    overflow-x: hidden;
  }
  #auction_title {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  #auction_title > table {
    width: 100%;
    min-width: 0;
  }
  #auction_title td {
    padding: 0 1px;
    white-space: normal;
    font-size: 8pt;
  }

  /* Таблицы лотов — фиксированная раскладка на ширину контента,
     длинные названия/логины переносятся, страница не расширяется */
  #auction_content {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }
  #auction_content > table {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
  }
  #auction_content td {
    word-break: break-word;
    overflow-wrap: anywhere;
    padding-left: 2px;
    padding-right: 2px;
  }
  #auction_content .box_inv_r {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  /* Инвентарь «Выставить предмет» — по ширине экрана.
     Только внутри аукциона: на странице инвентаря #inv_main свой (иначе
     мобильные правила аукциона меняли раскладку вкладок чужого модуля). */
  #auction_content #inv_main,
  #auction_content #inv_main > table,
  #auction_content #inv_main > table > tbody,
  #auction_content #inv_main > table > tbody > tr,
  #auction_content #inv_main > table > tbody > tr > td {
    display: block;
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
  }
  #inv_block_auctiontrf {
    max-height: 60vh;
    overflow-y: auto;
  }
}