lct-10: карточка КИО — форма, слияние правок, read-only

Фронт не хранит карточку как истину: локально живут только правки
курсанта, ещё не подтверждённые сервером. Распознанное сервером значение
перекрывает набранное, эхо своей правки её подтверждает. Иначе
автозаполнение и ручной ввод дерутся за одно поле — худший класс багов
для отладки в последнюю ночь.

Описание полей отдельно от отрисовки: по нему же карточка рисуется
read-only на мониторе, пульте и АРМ ДДС.

Сверка формы с контрактом встроена в make typecheck: все 40 полей
домена на форме, а поле, добавленное в контракт и забытое в форме,
теперь поймается само. Это пропущенный факт по вине интерфейса,
а не курсанта.

Открытый вопрос в карточке: нужно ли автозаполнение карточки из речи
вообще — полнота КИО оценивается кодом E5, и если сервер впишет адрес
сам, курсант перестанет за неё отвечать.

frontend/src/styles.css

@@ -39,3 +39,15 @@ button { font: inherit; padding: 6px 16px; border: 1px solid var(--line); backgr
 button:disabled { opacity: 0.5; cursor: default; }
 .warn { color: var(--warn); }
 .violated { color: var(--violated); }
+
+/* Две колонки: карточка и разговор рядом, как на настоящем АРМ. */
+.columns { display: flex; gap: 24px; align-items: flex-start; flex-wrap: wrap; }
+.columns > section { flex: 1 1 420px; min-width: 0; }
+.kio { display: flex; flex-direction: column; gap: 12px; }
+.kio .grid { width: 100%; }
+.kio thead th { background: var(--line); }
+.kio input[type="text"], .kio input[type="number"], .kio select { width: 100%; font: inherit; border: 1px solid var(--line); padding: 2px 4px; background: var(--panel); }
+/* Обязательное поле помечено точкой, незаполненное — жёлтым. */
+.required { color: var(--warn); font-weight: 700; }
+/* Правка, которую сервер ещё не подтвердил. */
+.pending { background: #fffbe6; }