/* =============================================================================
   a001_connection_1c — подключения к базам 1С
   =============================================================================
   В MPI у обеих страниц своих стилей не было: список держался на инлайновых
   `style=` в заголовках столбцов, а карточка жила внутри модального окна с
   шириной, заданной строкой в вызове `push_with_frame`. Карточка теперь
   вкладка, и раскладка ей нужна своя.
   ========================================================================== */

.a001-connection__table {
  width: 100%;
  min-width: 900px;
}

/* Подключение с отметкой «Не использовать» видно в списке, но не спорит с
   рабочими за внимание. */
.a001-connection__row--disabled {
  color: var(--color-text-secondary);
}

/* --- Карточка ----------------------------------------------------------- */

.a001-connection__form {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  /* Форма из семи полей на весь экран читается хуже, чем в колонку: глазу
     некуда возвращаться после длинного URL. */
  max-width: 720px;
  padding: var(--spacing-md);
}

.a001-connection__message {
  margin: 0;
}

/* Логин и пароль стоят рядом: это одна пара, и заполняют её вместе. */
.a001-connection__credentials {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--spacing-md);
}

.a001-connection__primary label {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  cursor: pointer;
}

/* Результат пробы: диагностика раскрывается на месте и не растягивает форму. */
.a001-connection__probe {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.a001-connection__probe-details {
  max-width: 100%;
}

.a001-connection__probe-body {
  margin: var(--spacing-xs) 0 0;
  max-height: 240px;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
  font-family: var(--font-mono, monospace);
}