/* ============================================================================
 * Зонт налогов — надстройка над rastamozhka-avtovat.css.
 * Здесь только то, чего нет в стилях каркаса: переключение панелей под
 * выбранный налог и ссылка на подробный калькулятор под результатом.
 * ========================================================================== */

/* Панели налогов и часть полей скрываются из JS. У .av-field и .av-group
   объявлен display:flex, поэтому браузерное [hidden]{display:none} проигрывает
   по весу — нужно своё правило. */
.av-calc [hidden] { display: none !important; }

/* Выбор налога — шесть чипов на всю ширину, отделены от полей */
.nz-types {
  padding-bottom: 12px;
  border-bottom: 1px solid var(--av-grey);
}

/* Панель одного налога повторяет сетку формы: два столбца, те же отступы.
   Своя сетка, а не display:contents, — иначе внутренние .av-col-full
   перестают быть прямыми потомками .av-form и теряют растяжку.
   .nz-sub — та же сетка для группы полей внутри панели. */
.nz-pane,
.nz-sub {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  align-items: start;
}
.nz-pane { grid-column: 1 / -1; }
.nz-pane > .av-col-full,
.nz-sub > .av-col-full { grid-column: 1 / -1; }

@media (max-width: 640px) {
  .nz-pane,
  .nz-sub { grid-template-columns: 1fr; }
}

/* Уточнение в подписи поля: «необязательно», «если есть документы» */
.av-field__hint {
  color: var(--av-grey-text);
  font-weight: 400;
}