/* Модуль «Банк» (bank) — стили.
 *
 * Вся визуальная часть — классические static/css classicbk (1:1): pui-h3/pui-h3c,
 * pui-field/legend, pui-inp, pui-btn1, pi_hr, zv_fld, ch-w, crs_ln, date1, cp,
 * scrollbar-5, links_a, MoveLine. Своих правил для десктопа модуль не добавляет.
 *
 * Ниже — только мобильная адаптация под нашу оболочку (430px): разметка банка —
 * таблицы с колонкой меню 200px и фиксированными fieldset (297px/520px), из-за
 * чего classicbk на телефоне скроллится по горизонтали (docW 980 при 430).
 * На узких экранах колонки складываются в столбик, фиксированные ширины
 * снимаются — страница не скроллится по горизонтали. На десктопе правила
 * не действуют, поэтому DOM/CSS-сверка 1:1 не меняется.
 */

@media (max-width: 899px) {
  html:not(.mpg-force-desktop) #main:has(#bank_main) > div > table[width="100%"] > tbody > tr > td,
  html:not(.mpg-force-desktop) #main:has(#banksel) > div > table[width="100%"] > tbody > tr > td {
    display: block;
    width: auto !important;
    max-width: 100%;
  }

  /* активный счёт: верхняя трёхколоночная таблица и строки с fieldset */
  html:not(.mpg-force-desktop) #main #bank_main > tbody > tr > td,
  html:not(.mpg-force-desktop) #main #bank_main table[width="100%"] > tbody > tr > td {
    display: block;
    width: auto !important;
    max-width: 100%;
  }
  html:not(.mpg-force-desktop) #main #bank_main fieldset,
  html:not(.mpg-force-desktop) #main #bank_main center > fieldset {
    width: auto !important;
    max-width: 100%;
    box-sizing: border-box;
  }
  html:not(.mpg-force-desktop) #main #bank_main input.pui-inp,
  html:not(.mpg-force-desktop) #main #bank_main select.pui-inp,
  html:not(.mpg-force-desktop) #main #bank_main button,
  html:not(.mpg-force-desktop) #main #bank_main textarea {
    max-width: 100%;
    box-sizing: border-box;
  }

  /* страница без активного счёта: список счетов, открытие, блокнот */
  html:not(.mpg-force-desktop) #main:has(#banksel) fieldset {
    width: auto !important;
    max-width: 100%;
    box-sizing: border-box;
  }
  html:not(.mpg-force-desktop) #main:has(#banksel) table[width="100%"] > tbody > tr > td {
    display: block;
    width: auto !important;
    max-width: 100%;
  }
  html:not(.mpg-force-desktop) #main:has(#banksel) input,
  html:not(.mpg-force-desktop) #main:has(#banksel) select,
  html:not(.mpg-force-desktop) #main:has(#banksel) button {
    max-width: 100%;
    box-sizing: border-box;
  }
}