@rt-tools/ui-kit-v2 0.33.0 → 0.34.1

package/styles/tokens.css

@@ -374,6 +374,7 @@
   --rt-mat-neutral-35: #ccc;
   --rt-mat-neutral-40: #a3a3a3;
   --rt-mat-neutral-60: #747474;
+  --rt-mat-neutral-70: #3f3e43;
   --rt-mat-neutral-80: #323033;
   --rt-mat-neutral-100: #181818;
   /* Тёмные нейтральные первого кита: рамки и фон его тёмной темы */
@@ -464,6 +465,9 @@
 /* Built by the generator `tools/build-tokens-v2.mjs` from `tokens.source.mjs` — edited there, not here:
    an edit on the spot is lost on the next build, and `pnpm run check:tokens-build` names it. */
 /* The light theme's assignments of the list panel, the pagination bar and the empty list. */
+/* Built by the generator `tools/build-tokens-v2.mjs` from `tokens.source.mjs` — edited there, not here:
+   an edit on the spot is lost on the next build, and `pnpm run check:tokens-build` names it. */
+/* The light theme's assignments of the navigation: menus, tabs, breadcrumbs. */
 :root {
   /* Background */
   --rt-color-bg-page: var(--rt-neutral-50);
@@ -693,6 +697,11 @@
   --rt-input-icon-color: var(--rt-neutral-600);
   --rt-input-icon-size: var(--rt-size-4);
   --rt-input-gap: var(--rt-space-sm);
+  --rt-input-caret-color: auto;
+  --rt-input-min-width: 0px;
+  --rt-input-fill-edge: var(--rt-input-border-width);
+  --rt-input-fill-focus-shadow: var(--rt-input-focus-shadow);
+  --rt-input-fill-focus-shadow-error: var(--rt-input-focus-shadow-error);
   /* Sizes (single-line height scale) */
   --rt-input-height-sm: var(--rt-control-height-sm);
   --rt-input-height-md: var(--rt-control-height-md);
@@ -734,6 +743,19 @@
   --rt-input-line-height: var(--rt-leading-snug);
   /* State / motion */
   --rt-input-disabled-opacity: var(--rt-opacity-disabled);
+  --rt-input-disabled-field-opacity: var(--rt-input-disabled-opacity);
+  --rt-input-color-border-disabled: var(--rt-input-color-border);
+  --rt-input-color-text-disabled: var(--rt-input-color-text);
+  --rt-input-color-placeholder-disabled: var(--rt-input-color-text-placeholder);
+  --rt-input-clear-size: var(--rt-control-height-sm);
+  --rt-input-clear-icon-size: var(--rt-size-4);
+  --rt-input-clear-color: var(--rt-neutral-600);
+  --rt-input-clear-offset-end: 0px;
+  --rt-input-clear-bg: transparent;
+  --rt-input-clear-bg-hover: var(--rt-icon-button-color-bg-hover);
+  --rt-input-clear-radius: var(--rt-radius-md);
+  --rt-input-clear-offset-start: 0px;
+  --rt-input-fill-color-bg-disabled: var(--rt-color-bg-surface-subtle-2);
   --rt-input-focus-shadow: var(--rt-shadow-focus-ring);
   --rt-input-focus-shadow-error: var(--rt-shadow-focus-ring-danger);
   --rt-input-transition: border-color var(--rt-duration-fast) ease, box-shadow var(--rt-duration-fast) ease;
@@ -773,95 +795,12 @@
   /* Рамка off-трека — inset-тенью, а не border: у border своя коробка, и
      отступы бегунка с иконками пришлось бы пересчитывать на её толщину. */
   --rt-toggle-shadow-border: inset 0 0 0 var(--rt-border-width-thin) var(--rt-toggle-color-border);
-  /* Навигация (rt-page-header). Шапка — отдельная плашка; отступ от краёв
-     страницы задаёт тот, кто её ставит. */
-  --rt-nav-header-padding: var(--rt-space-2) var(--rt-space-4);
-  --rt-nav-header-color-bg: var(--rt-neutral-50);
-  /* Первый уровень. Пункт ряда несёт плашку цвета самой шапки: на общем фоне её
-     не видно, и белым проступает только активный раздел. Наведение красит
-     подпись, а не фон — иначе оно спорит с этой подсветкой. */
-  --rt-nav-item-height: var(--rt-size-6);
-  --rt-nav-item-gap: var(--rt-space-1);
-  --rt-nav-item-padding: var(--rt-space-2) var(--rt-space-2);
-  --rt-nav-item-content-gap: var(--rt-space-2);
-  --rt-nav-item-font-size: var(--rt-text-sm);
-  --rt-nav-item-font-weight: var(--rt-font-weight-semibold);
-  --rt-nav-item-line-height: var(--rt-leading-none);
-  --rt-nav-item-color: var(--rt-color-text-primary);
-  --rt-nav-item-color-hover: var(--rt-color-action-primary);
-  --rt-nav-item-color-pressed: var(--rt-color-action-primary-hover);
-  --rt-nav-item-color-bg: var(--rt-neutral-50);
-  --rt-nav-item-color-border: var(--rt-neutral-50);
-  --rt-nav-item-color-bg-active: var(--rt-color-bg-surface);
-  --rt-nav-item-color-caret: var(--rt-neutral-200);
-  /* Фокус обведён пунктиром: сплошная рамка на плашке пункта неотличима от его
-     же границы. */
-  --rt-nav-color-focus: var(--rt-color-action-primary);
-  /* Недоступный пункт светлее доступного, а не другого оттенка: общий
-     `text-disabled` уходит в сине-стальной и рядом с серой подписью читается
-     как второй цвет, а не как выключенное состояние. */
-  --rt-nav-color-disabled: var(--rt-neutral-300);
-  /* Попап профиля. Подложку берёт у панели навигации, своего здесь — габариты
-     блока пользователя, тень и набор строк: строк четыре, и они читаются как
-     список действий, а не как выпадающее меню. */
-  --rt-profile-menu-min-width: var(--rt-size-60);
-  --rt-profile-menu-padding: var(--rt-space-5);
-  --rt-profile-menu-shadow: var(--rt-shadow-profile-menu);
-  --rt-profile-menu-border-width: var(--rt-border-width-thin);
-  --rt-profile-menu-radius: var(--rt-radius-md);
-  --rt-profile-avatar-size: var(--rt-size-10);
-  --rt-profile-avatar-font-size: var(--rt-text-2xl);
-  --rt-profile-avatar-border-width: var(--rt-border-width-medium);
-  --rt-profile-avatar-radius: var(--rt-radius-full);
-  --rt-profile-item-padding-y: var(--rt-space-4);
-  --rt-profile-item-content-gap: var(--rt-space-2);
-  --rt-profile-item-font-size: var(--rt-text-md);
-  --rt-profile-item-font-weight: var(--rt-font-weight-medium);
-  --rt-profile-item-radius: var(--rt-radius-md);
-  /* Строки выступают за содержимое панели на половину её отступа: так
-     подсветка на наведении не упирается в рамку, а иконка остаётся на одной
-     вертикали с содержимым. Это же число — горизонтальный отступ строки. */
-  --rt-profile-row-inset: var(--rt-space-2);
-  --rt-profile-theme-icon-padding: var(--rt-space-2);
-  --rt-profile-theme-icon-radius: var(--rt-radius-full);
-  /* Габариты панели второго уровня: ширина считается числом колонок, поэтому
-     колонка, промежуток и внутренний отступ — токены, из которых панель
-     складывает свою ширину. По вертикали отступ крупнее: у первой группы над
-     заголовком нет ничего, и панель иначе начинается впритык. */
-  --rt-nav-panel-column-width: var(--rt-size-60);
-  --rt-nav-panel-column-gap: var(--rt-space-5);
-  --rt-nav-panel-padding: var(--rt-space-4);
-  --rt-nav-panel-padding-y: var(--rt-space-md);
-  --rt-nav-panel-group-gap: var(--rt-space-8);
-  --rt-nav-panel-item-gap: var(--rt-space-0-5);
-  --rt-nav-panel-item-height: var(--rt-size-6);
-  --rt-nav-panel-item-padding: var(--rt-space-1) var(--rt-space-2);
-  --rt-nav-panel-columns: 1;
-  --rt-nav-panel-color-bg: var(--rt-color-bg-surface);
-  --rt-nav-panel-color-border: var(--rt-neutral-200);
-  --rt-nav-panel-shadow: var(--rt-shadow-nav-panel);
-  /* Второй уровень набран легче первого: ряд разделов держит вес, а полтора
-     десятка пунктов под ним читаются построчно. */
-  --rt-nav-panel-item-font-size: var(--rt-text-sm);
-  --rt-nav-panel-item-font-weight: var(--rt-font-weight-medium);
-  --rt-nav-panel-item-content-gap: var(--rt-space-1);
-  --rt-nav-panel-item-color: var(--rt-neutral-600);
-  --rt-nav-panel-item-color-bg-hover: var(--rt-neutral-50);
-  --rt-nav-panel-item-color-active: var(--rt-color-text-inverse);
-  --rt-nav-panel-item-color-bg-active: var(--rt-color-action-primary);
-  --rt-nav-panel-group-font-size: var(--rt-text-xs);
-  --rt-nav-panel-group-font-weight: var(--rt-font-weight-medium);
-  /* Заголовок группы светлее пункта, и оба берут порог контраста на белой панели.
-     Отношения обеих пар считает проверка тёмной темы; таблица замера — на странице
-     «Colors» витрины. */
-  --rt-nav-panel-group-color: var(--rt-neutral-600);
-  --rt-nav-panel-group-content-gap: var(--rt-space-2);
-  /* Маркер непросмотренного. Точка стоит в потоке следом за подписью — и в ряду
-     разделов, и в панели, и на узком экране: место ей даёт общий зазор
-     содержимого пункта. */
-  --rt-nav-caret-size: var(--rt-size-3);
-  --rt-nav-marker-size: var(--rt-size-1);
-  --rt-nav-marker-color: var(--rt-color-state-danger);
+  /* Группа переключателей видом «чипы»: отдельные пункты с обводкой. Цвета — здесь, на корне:
+     они не зависят от размера группы; размеры объявлены на самом хосте группы. Выбранный пункт
+     в своём виде кита — мягкая марка, обводка у него та же, что у невыбранного. */
+  --rt-toggle-chip-color-border: var(--rt-color-border-default);
+  --rt-toggle-chip-color-text: var(--rt-color-text-muted);
+  --rt-toggle-chip-color-bg-selected: var(--rt-color-action-primary-subtle);
   /* Form field (rt-field) — обёртка анатомии поля: label / help / hint / error /
      required-маркер / read-only значение. Визуал label+hint в стиле Tailwind
      form (мелкий medium label, muted hint). Компоненты потребляют только эти
@@ -874,8 +813,11 @@
   --rt-field-hint-font-size: var(--rt-text-xs);
   --rt-field-hint-color: var(--rt-color-text-muted);
   --rt-field-error-font-size: var(--rt-text-xs);
+  --rt-field-messages-line-height: normal;
+  --rt-field-messages-padding-top: 0px;
   --rt-field-error-color: var(--rt-color-state-danger);
   --rt-field-required-color: var(--rt-color-state-danger);
+  --rt-field-required-gap: var(--rt-space-1);
   --rt-field-value-font-size: var(--rt-text-sm);
   --rt-field-value-color: var(--rt-color-text-primary);
   --rt-field-value-empty-color: var(--rt-color-text-muted);
@@ -954,6 +896,105 @@
   --rt-list-filter-line-height: var(--rt-leading-none);
   --rt-list-placeholder-min-height: var(--rt-size-60);
   --rt-list-placeholder-grow: 1;
+  /* Навигация (rt-page-header). Шапка — отдельная плашка; отступ от краёв
+     страницы задаёт тот, кто её ставит. */
+  --rt-nav-header-padding: var(--rt-space-2) var(--rt-space-4);
+  --rt-nav-header-color-bg: var(--rt-neutral-50);
+  /* Первый уровень. Пункт ряда несёт плашку цвета самой шапки: на общем фоне её
+     не видно, и белым проступает только активный раздел. Наведение красит
+     подпись, а не фон — иначе оно спорит с этой подсветкой. */
+  --rt-nav-item-height: var(--rt-size-6);
+  --rt-nav-item-gap: var(--rt-space-1);
+  --rt-nav-item-padding: var(--rt-space-2) var(--rt-space-2);
+  --rt-nav-item-content-gap: var(--rt-space-2);
+  --rt-nav-item-font-size: var(--rt-text-sm);
+  --rt-nav-item-font-weight: var(--rt-font-weight-semibold);
+  --rt-nav-item-line-height: var(--rt-leading-none);
+  --rt-nav-item-color: var(--rt-color-text-primary);
+  --rt-nav-item-color-hover: var(--rt-color-action-primary);
+  --rt-nav-item-color-pressed: var(--rt-color-action-primary-hover);
+  --rt-nav-item-color-bg: var(--rt-neutral-50);
+  --rt-nav-item-color-border: var(--rt-neutral-50);
+  --rt-nav-item-color-bg-active: var(--rt-color-bg-surface);
+  --rt-nav-item-color-caret: var(--rt-neutral-200);
+  /* Фокус обведён пунктиром: сплошная рамка на плашке пункта неотличима от его
+     же границы. */
+  --rt-nav-color-focus: var(--rt-color-action-primary);
+  /* Недоступный пункт светлее доступного, а не другого оттенка: общий
+     `text-disabled` уходит в сине-стальной и рядом с серой подписью читается
+     как второй цвет, а не как выключенное состояние. */
+  --rt-nav-color-disabled: var(--rt-neutral-300);
+  /* Попап профиля. Подложку берёт у панели навигации, своего здесь — габариты
+     блока пользователя, тень и набор строк: строк четыре, и они читаются как
+     список действий, а не как выпадающее меню. */
+  --rt-profile-menu-min-width: var(--rt-size-60);
+  --rt-profile-menu-padding: var(--rt-space-5);
+  --rt-profile-menu-shadow: var(--rt-shadow-profile-menu);
+  --rt-profile-menu-border-width: var(--rt-border-width-thin);
+  --rt-profile-menu-radius: var(--rt-radius-md);
+  --rt-profile-avatar-size: var(--rt-size-10);
+  --rt-profile-avatar-font-size: var(--rt-text-2xl);
+  --rt-profile-avatar-border-width: var(--rt-border-width-medium);
+  --rt-profile-avatar-radius: var(--rt-radius-full);
+  --rt-profile-item-padding-y: var(--rt-space-4);
+  --rt-profile-item-content-gap: var(--rt-space-2);
+  --rt-profile-item-font-size: var(--rt-text-md);
+  --rt-profile-item-font-weight: var(--rt-font-weight-medium);
+  --rt-profile-item-radius: var(--rt-radius-md);
+  /* Строки выступают за содержимое панели на половину её отступа: так
+     подсветка на наведении не упирается в рамку, а иконка остаётся на одной
+     вертикали с содержимым. Это же число — горизонтальный отступ строки. */
+  --rt-profile-row-inset: var(--rt-space-2);
+  --rt-profile-theme-icon-padding: var(--rt-space-2);
+  --rt-profile-theme-icon-radius: var(--rt-radius-full);
+  /* Габариты панели второго уровня: ширина считается числом колонок, поэтому
+     колонка, промежуток и внутренний отступ — токены, из которых панель
+     складывает свою ширину. По вертикали отступ крупнее: у первой группы над
+     заголовком нет ничего, и панель иначе начинается впритык. */
+  --rt-nav-panel-column-width: var(--rt-size-60);
+  --rt-nav-panel-column-gap: var(--rt-space-5);
+  --rt-nav-panel-padding: var(--rt-space-4);
+  --rt-nav-panel-padding-y: var(--rt-space-md);
+  --rt-nav-panel-group-gap: var(--rt-space-8);
+  --rt-nav-panel-item-gap: var(--rt-space-0-5);
+  --rt-nav-panel-item-height: var(--rt-size-6);
+  --rt-nav-panel-item-padding: var(--rt-space-1) var(--rt-space-2);
+  --rt-nav-panel-columns: 1;
+  --rt-nav-panel-color-bg: var(--rt-color-bg-surface);
+  --rt-nav-panel-color-border: var(--rt-neutral-200);
+  --rt-nav-panel-shadow: var(--rt-shadow-nav-panel);
+  /* Второй уровень набран легче первого: ряд разделов держит вес, а полтора
+     десятка пунктов под ним читаются построчно. */
+  --rt-nav-panel-item-font-size: var(--rt-text-sm);
+  --rt-nav-panel-item-font-weight: var(--rt-font-weight-medium);
+  --rt-nav-panel-item-content-gap: var(--rt-space-1);
+  --rt-nav-panel-item-color: var(--rt-neutral-600);
+  --rt-nav-panel-item-color-bg-hover: var(--rt-neutral-50);
+  --rt-nav-panel-item-color-active: var(--rt-color-text-inverse);
+  --rt-nav-panel-item-color-bg-active: var(--rt-color-action-primary);
+  --rt-nav-panel-group-font-size: var(--rt-text-xs);
+  --rt-nav-panel-group-font-weight: var(--rt-font-weight-medium);
+  /* Заголовок группы светлее пункта, и оба берут порог контраста на белой панели.
+     Отношения обеих пар считает проверка тёмной темы; таблица замера — на странице
+     «Colors» витрины. */
+  --rt-nav-panel-group-color: var(--rt-neutral-600);
+  --rt-nav-panel-group-content-gap: var(--rt-space-2);
+  /* Маркер непросмотренного. Точка стоит в потоке следом за подписью — и в ряду
+     разделов, и в панели, и на узком экране: место ей даёт общий зазор
+     содержимого пункта. */
+  --rt-nav-caret-size: var(--rt-size-3);
+  --rt-nav-marker-size: var(--rt-size-1);
+  --rt-nav-marker-color: var(--rt-color-state-danger);
+  /* Вкладки (rt-tabs). Полоса выбранной вкладки переезжает на новую, а панель
+     меняется сдвигом по направлению перехода. Сдвиг панели в своём виде кита выключен
+     нулевой длительностью: содержимое вкладки сменяется на месте, как раньше. */
+  --rt-tabs-indicator-duration: var(--rt-duration-base);
+  --rt-tabs-indicator-easing: ease-out;
+  --rt-tabs-panel-duration: 0ms;
+  --rt-tabs-panel-easing: ease-out;
+  /* Прокрутка полосы вкладок стрелками и к выбранной вкладке. */
+  --rt-tabs-scroll-duration: var(--rt-duration-base);
+  --rt-tabs-scroll-easing: ease-out;
 }
 
 /* Built by the generator `tools/build-tokens-v2.mjs` from `tokens.source.mjs` — edited there, not here:
@@ -988,34 +1029,34 @@
 .rt-preset-material {
   /* Подложки */
   --rt-color-bg-page: var(--rt-mat-neutral-5);
-  --rt-color-bg-surface: var(--mat-sys-surface, var(--rt-mat-neutral-0));
+  --rt-color-bg-surface: var(--rt-sys-surface, var(--rt-mat-neutral-0));
   --rt-color-bg-surface-subtle: var(--rt-mat-overlay-black-4);
-  --rt-color-bg-surface-subtle-2: var(--mat-form-field-filled-container-color, var(--mat-sys-surface-variant, var(--rt-mat-neutral-15)));
+  --rt-color-bg-surface-subtle-2: var(--rt-field-filled-container-color, var(--rt-sys-surface-variant, var(--rt-mat-neutral-15)));
   --rt-color-bg-hover: var(--rt-mat-neutral-10);
   --rt-color-bg-subtle: var(--rt-mat-neutral-10);
   --rt-color-bg-overlay: var(--rt-mat-overlay-black-32);
-  --rt-color-bg-inverse: var(--mat-sys-inverse-surface, var(--rt-mat-neutral-100));
-  --rt-color-bg-nav: var(--mat-sys-primary, var(--rt-mat-navy-100)); /* марка первого кита: обвязка тёмная в обоих наборах */
+  --rt-color-bg-inverse: var(--rt-sys-inverse-surface, var(--rt-mat-neutral-100));
+  --rt-color-bg-nav: var(--rt-sys-primary, var(--rt-mat-navy-100)); /* марка первого кита: обвязка тёмная в обоих наборах */
   --rt-color-bg-page-auth: var(--rt-mat-neutral-5);
   --rt-color-bg-surface-auth-card: var(--rt-mat-neutral-0);
   /* Текст */
-  --rt-color-text-primary: var(--mat-sys-on-surface, var(--rt-mat-neutral-100));
+  --rt-color-text-primary: var(--rt-sys-on-surface, var(--rt-mat-neutral-100));
   --rt-color-text-muted: var(--rt-mat-neutral-60);
-  --rt-color-text-disabled: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-100)) 38%, transparent);
-  --rt-color-text-inverse: var(--mat-sys-inverse-on-surface, var(--rt-mat-neutral-0));
-  --rt-color-text-link: var(--mat-sys-primary, var(--rt-mat-blue-100));
-  --rt-color-text-link-hover: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
+  --rt-color-text-disabled: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-100)) 38%, transparent);
+  --rt-color-text-inverse: var(--rt-sys-inverse-on-surface, var(--rt-mat-neutral-0));
+  --rt-color-text-link: var(--rt-sys-primary, var(--rt-mat-blue-100));
+  --rt-color-text-link-hover: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
   /* Рамки */
   --rt-color-border-default: var(--rt-mat-neutral-25);
   --rt-color-border-strong: var(--rt-mat-neutral-30);
   --rt-color-border-subtle: var(--rt-mat-neutral-20);
   --rt-color-border-focus: var(--rt-mat-blue-40); /* кольцо фокуса первого кита светлее его действия */
   /* Действие: подложка, наведение, нажатие, подпись на них и цвет роли на поверхности */
-  --rt-color-action-primary: var(--mat-sys-primary, var(--rt-mat-blue-100));
-  --rt-color-action-primary-hover: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
-  --rt-color-action-primary-active: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 80%, #000);
-  --rt-color-action-primary-subtle: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 8%, transparent);
-  --rt-color-action-primary-soft: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 24%, transparent);
+  --rt-color-action-primary: var(--rt-sys-primary, var(--rt-mat-blue-100));
+  --rt-color-action-primary-hover: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
+  --rt-color-action-primary-active: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 80%, #000);
+  --rt-color-action-primary-subtle: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 8%, transparent);
+  --rt-color-action-primary-soft: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 24%, transparent);
   --rt-color-action-on-primary: var(--rt-mat-neutral-0);
   --rt-color-action-secondary: var(--rt-mat-neutral-60);
   --rt-color-action-secondary-hover: var(--rt-mat-neutral-hover);
@@ -1030,15 +1071,15 @@
   --rt-color-action-warning-hover: var(--rt-mat-orange-hover);
   --rt-color-action-warning-active: var(--rt-mat-orange-active);
   --rt-color-action-on-warning: var(--rt-mat-neutral-0);
-  --rt-color-action-danger: var(--mat-sys-error, var(--rt-mat-red-100));
-  --rt-color-action-danger-hover: color-mix(in srgb, var(--mat-sys-error, var(--rt-mat-red-100)) 90%, #000);
-  --rt-color-action-danger-active: color-mix(in srgb, var(--mat-sys-error, var(--rt-mat-red-100)) 80%, #000);
+  --rt-color-action-danger: var(--rt-sys-error, var(--rt-mat-red-100));
+  --rt-color-action-danger-hover: color-mix(in srgb, var(--rt-sys-error, var(--rt-mat-red-100)) 90%, #000);
+  --rt-color-action-danger-active: color-mix(in srgb, var(--rt-sys-error, var(--rt-mat-red-100)) 80%, #000);
   --rt-color-action-on-danger: var(--rt-mat-neutral-0);
-  --rt-color-action-info: var(--mat-sys-primary, var(--rt-mat-blue-100));
-  --rt-color-action-info-hover: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
-  --rt-color-action-info-active: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 80%, #000);
+  --rt-color-action-info: var(--rt-sys-primary, var(--rt-mat-blue-100));
+  --rt-color-action-info-hover: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
+  --rt-color-action-info-active: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 80%, #000);
   --rt-color-action-on-info: var(--rt-mat-neutral-0);
-  --rt-color-action-disabled: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
+  --rt-color-action-disabled: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
   /* Состояния: цвет роли и её светлая подложка */
   --rt-color-state-success: var(--rt-mat-green-100);
   --rt-color-state-success-bg: var(--rt-mat-green-10);
@@ -1046,11 +1087,11 @@
   --rt-color-state-warning: var(--rt-mat-orange-100);
   --rt-color-state-warning-bg: var(--rt-mat-orange-5);
   --rt-color-state-warning-text: var(--rt-mat-orange-100);
-  --rt-color-state-danger: var(--mat-sys-error, var(--rt-mat-red-100));
-  --rt-color-state-danger-bg: var(--mat-sys-error-container, var(--rt-mat-red-10));
-  --rt-color-state-error-text: var(--mat-sys-error, var(--rt-mat-red-100));
-  --rt-color-state-info: var(--mat-sys-primary, var(--rt-mat-blue-100));
-  --rt-color-state-info-bg: var(--mat-sys-primary-container, var(--rt-mat-blue-20));
+  --rt-color-state-danger: var(--rt-sys-error, var(--rt-mat-red-100));
+  --rt-color-state-danger-bg: var(--rt-sys-error-container, var(--rt-mat-red-10));
+  --rt-color-state-error-text: var(--rt-sys-error, var(--rt-mat-red-100));
+  --rt-color-state-info: var(--rt-sys-primary, var(--rt-mat-blue-100));
+  --rt-color-state-info-bg: var(--rt-sys-primary-container, var(--rt-mat-blue-20));
   /* Рельса шагов */
   --rt-color-stepper-track: var(--rt-mat-neutral-30);
   /* Заглушка загрузки: краски те же, что набор давал ей прежде через подложку и
@@ -1058,27 +1099,27 @@
   --rt-color-skeleton-base: var(--rt-mat-neutral-10);
   --rt-color-skeleton-wave: var(--rt-mat-neutral-25);
   /* Шапка таблицы первого кита залита тем же цветом, что залитое поле Material. */
-  --rt-color-table-head-bg: var(--mat-form-field-filled-container-color, var(--mat-sys-surface-variant, var(--rt-mat-overlay-black-4)));
+  --rt-color-table-head-bg: var(--rt-field-filled-container-color, var(--rt-sys-surface-variant, var(--rt-mat-overlay-black-4)));
   /* Черта снизу у залитого поля Material — цвет on-surface-variant темы. */
-  --rt-color-field-fill-underline: var(--mat-sys-on-surface-variant, var(--rt-mat-neutral-30));
+  --rt-color-field-fill-underline: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-30));
   /* Поиск списка первого кита — обведённое или залитое поле Material при плотности −1:
      52px, скругление 4px, рамка цвета outline темы, внутри прозрачное. Ступени 52px нет, высота собрана из ступени
      xl без ступени 1. */
   --rt-list-search-height: calc(var(--rt-control-height-xl) - var(--rt-space-1));
   --rt-list-search-radius: var(--rt-radius-sm);
-  --rt-list-search-color-border: var(--mat-sys-outline, var(--rt-mat-neutral-25));
+  --rt-list-search-color-border: var(--rt-sys-outline, var(--rt-mat-neutral-25));
   --rt-list-search-color-bg: transparent;
   --rt-list-search-width: calc(var(--rt-size-64) + var(--rt-size-24));
   --rt-list-search-padding-x: calc(var(--rt-space-2) + var(--rt-space-1) - var(--rt-border-width-thin));
   --rt-list-search-gap: var(--rt-space-4);
   --rt-list-search-font-size: var(--rt-text-md);
   --rt-list-search-icon-size: var(--rt-size-6);
-  --rt-list-search-icon-color: var(--mat-sys-on-surface-variant, var(--rt-mat-neutral-60));
-  --rt-list-search-color-placeholder: var(--mat-sys-on-surface-variant, var(--rt-mat-neutral-60));
+  --rt-list-search-icon-color: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-60));
+  --rt-list-search-color-placeholder: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-60));
   /* Панель настройки колонок первого кита: плашка колонки залита цветом выбранного пункта
      Material, значки — в тоне on-surface-variant темы. Сняты с панели на витрине первого кита. */
-  --rt-list-settings-item-bg: var(--mat-option-selected-state-layer-color, var(--mat-sys-secondary-container, var(--rt-mat-neutral-10)));
-  --rt-list-settings-icon-color: var(--mat-sys-on-surface-variant, var(--rt-mat-neutral-60));
+  --rt-list-settings-item-bg: var(--rt-option-selected-state-layer-color, var(--rt-sys-secondary-container, var(--rt-mat-neutral-10)));
+  --rt-list-settings-icon-color: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-60));
   /* Кнопки действий панели списка — mat-mini-fab первого кита: круг без заливки с подъёмом 6,
      под указателем подъём 8 и тёмный значок вместо серого; значок 24px, промежуток 16px. */
   --rt-list-action-gap: var(--rt-space-md);
@@ -1089,16 +1130,16 @@
   --rt-list-action-icon-size: var(--rt-size-6);
   --rt-list-action-color: var(--rt-mat-neutral-60);
   --rt-list-table-icon-size: var(--rt-size-6);
-  --rt-list-table-icon-color: var(--mat-sys-on-surface-variant, var(--rt-mat-neutral-60));
-  --rt-list-table-head-divider-color: var(--mat-sys-outline, var(--rt-mat-neutral-30));
+  --rt-list-table-icon-color: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-60));
+  --rt-list-table-head-divider-color: var(--rt-sys-outline, var(--rt-mat-neutral-30));
   --rt-list-table-button-size: calc(var(--rt-size-8) + var(--rt-size-1));
   --rt-list-table-button-radius: var(--rt-radius-full);
   --rt-list-copy-button-size: var(--rt-size-6);
   --rt-list-copy-button-radius: var(--rt-mat-radius-5);
   --rt-list-settings-item-radius: var(--rt-mat-radius-5);
   --rt-list-filter-line-height: var(--rt-size-6);
-  --rt-list-copy-button-bg: var(--mat-fab-small-container-color, var(--rt-mat-neutral-0));
-  --rt-list-copy-button-bg-hover: var(--mat-fab-small-container-color, var(--rt-mat-neutral-0));
+  --rt-list-copy-button-bg: var(--rt-fab-small-container-color, var(--rt-mat-neutral-0));
+  --rt-list-copy-button-bg-hover: var(--rt-fab-small-container-color, var(--rt-mat-neutral-0));
   --rt-list-copy-button-color: var(--rt-mat-neutral-60);
   --rt-list-action-color-hover: var(--rt-mat-neutral-100);
   --rt-list-action-color-bg-hover: transparent;
@@ -1152,23 +1193,23 @@
      скруглён только снизу, подсказка 4px без тени. Тень — подъём 2 Material, как у mat-menu и
      mat-select. */
   --rt-overlay-menu-radius: var(--rt-mat-radius-4);
-  --rt-overlay-menu-shadow: var(--mat-sys-level2, var(--rt-mat-shadow-level-2));
+  --rt-overlay-menu-shadow: var(--rt-sys-level2, var(--rt-mat-shadow-level-2));
   --rt-overlay-select-radius: 0 0 var(--rt-mat-radius-4) var(--rt-mat-radius-4);
-  --rt-overlay-select-shadow: var(--mat-sys-level2, var(--rt-mat-shadow-level-2));
+  --rt-overlay-select-shadow: var(--rt-sys-level2, var(--rt-mat-shadow-level-2));
   --rt-overlay-tooltip-radius: var(--rt-mat-radius-4);
   --rt-overlay-tooltip-shadow: none;
   /* Меню строки — mat-menu первого кита: фон контейнера Material, отступ 8px сверху и снизу,
      подписи весом 500, опасный пункт красным первого кита. Выпадающий список — mat-select: пункты
      16px, выбранный — фон текста 12% без жирного и с галочкой. */
-  --rt-overlay-menu-bg: var(--mat-menu-container-color, var(--rt-mat-neutral-0));
+  --rt-overlay-menu-bg: var(--rt-menu-container-color, var(--rt-mat-neutral-0));
   --rt-overlay-menu-padding-y: var(--rt-space-sm);
   --rt-overlay-menu-item-weight: var(--rt-font-weight-medium);
   --rt-overlay-menu-danger-color: var(--rt-mat-red-100);
   --rt-overlay-select-option-font-size: var(--rt-text-md);
-  --rt-overlay-select-selected-bg: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
+  --rt-overlay-select-selected-bg: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
   --rt-overlay-select-selected-weight: var(--rt-font-weight-regular);
   --rt-overlay-select-check-display: inline-flex;
-  --rt-overlay-menu-current-bg: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
+  --rt-overlay-menu-current-bg: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
   --rt-overlay-menu-min-width: var(--rt-mat-menu-min-width);
   --rt-overlay-menu-item-min-height: var(--rt-size-12);
   --rt-overlay-menu-item-padding-y: 0px;
@@ -1182,6 +1223,78 @@
   --rt-icon-button-disabled-opacity: 1;
   --rt-icon-button-disabled-color: var(--rt-color-text-disabled);
   --rt-icon-button-disabled-fill: 0%;
+  /* Обведённое поле Material: прозрачное, рамка цвета outline темы, фокус — рамка в два
+     пикселя цветом марки без внешнего кольца. Вторая линия рамки фокуса — внутренняя тень. */
+  --rt-input-color-bg: transparent;
+  --rt-input-color-border: var(--rt-sys-outline, var(--rt-mat-neutral-60));
+  --rt-input-focus-shadow: inset 0 0 0 1px var(--rt-input-color-border-focus);
+  --rt-input-focus-shadow-error: inset 0 0 0 1px var(--rt-input-color-border-error);
+  /* Размер поля Material: 56 px при плотности 0 и на 4 px меньше за каждый шаг, значение 16 px.
+     Шаг приходит свойством `--rt-input-density`, которое ставит атрибут `data-rt-density` на поле
+     или на любом предке, — правила в `_density.scss`. Высота считается здесь, на узле с признаком
+     набора, из унаследованного шага: атрибут на корне приложения доходит и до поля со своим
+     признаком набора. Своя высота приложения — `--rt-input-height-app` на любом предке; она сильнее
+     плотности и не перебивается набором на самом поле. */
+  --rt-input-height-md: var(
+      --rt-input-height-app,
+      calc(var(--rt-size-12) + var(--rt-size-2) - var(--rt-input-density) * var(--rt-size-1))
+  );
+  --rt-input-height: var(--rt-input-height-md);
+  /* Крупная ступень `size` не ниже средней высоты набора: 48 px кита под набором вышли бы ниже
+     поля по умолчанию (56 px). Малая ступень остаётся ступенью кита — по ней стоят поиск списка и
+     правка на месте. */
+  --rt-input-height-lg: max(var(--rt-control-height-lg), var(--rt-input-height-md));
+  --rt-input-font-size: var(--rt-text-md);
+  /* Подсказка, подпись в покое, значки и стрелка поля — цвета on-surface-variant темы Material,
+     каретка — цвета марки, значки 24 px, как у поля Material. Без темы Material цвета прежние. */
+  --rt-input-color-text-placeholder: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-60));
+  --rt-input-icon-color: var(--rt-sys-on-surface-variant, var(--rt-neutral-600));
+  --rt-input-icon-size: var(--rt-size-6);
+  --rt-input-caret-color: var(--rt-color-action-primary);
+  /* Отключённое поле Material: поле не тускнеет целиком — рамка on-surface 12%, текст и
+     подсказка on-surface 38%. */
+  --rt-input-disabled-field-opacity: 1;
+  --rt-input-color-border-disabled: var(--rt-color-action-disabled);
+  --rt-input-color-text-disabled: var(--rt-color-text-disabled);
+  --rt-input-color-placeholder-disabled: var(--rt-color-text-disabled);
+  --rt-input-color-bg-disabled: transparent;
+  /* Крестик очистки — крестик первого кита: 19 px, значок 12 px, серый, в 8 px от края поля и в
+     4 px от текста. Отступ от края считается от правого поля в 4 px, как у поля Material с крестиком. */
+  --rt-input-clear-size: 19px;
+  --rt-input-clear-icon-size: var(--rt-size-3);
+  --rt-input-clear-color: var(--rt-mat-neutral-60);
+  --rt-input-clear-offset-end: calc(var(--rt-space-2) - var(--rt-space-1));
+  --rt-input-clear-offset-start: calc(var(--rt-space-1) - var(--rt-input-gap));
+  --rt-input-fill-color-bg-disabled: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-100)) 4%, transparent);
+  --rt-input-clear-bg: var(--rt-mat-neutral-25);
+  --rt-input-clear-bg-hover: var(--rt-input-clear-bg);
+  --rt-input-clear-radius: var(--rt-radius-full);
+  /* Залитое поле Material: рамки сверху и по бокам нет, только черта снизу; в фокусе черта
+     вдвое толще цветом марки, у недействительного поля — цветом ошибки. */
+  --rt-input-fill-edge: 0px;
+  --rt-input-fill-focus-shadow: inset 0 -1px 0 0 var(--rt-input-color-border-focus);
+  --rt-input-fill-focus-shadow-error: inset 0 -1px 0 0 var(--rt-input-color-border-error);
+  /* Звёздочка обязательного поля — цвета подписи, как у поля Material; цвет ошибки она берёт
+     только у недействительного поля, правилом самого поля. */
+  --rt-field-required-color: currentcolor;
+  --rt-field-required-gap: 0px;
+  /* Строка под полем — строка подсказки Material: 16 px высотой и 4 px над ней. */
+  --rt-field-messages-line-height: var(--rt-size-4);
+  --rt-field-messages-padding-top: var(--rt-space-1);
+  /* Группа переключателей видом «чипы» — фильтр-чип Material: обводка цвета outline темы,
+     выбранный залит secondary-container, отключённый — текст 38 %, обводка 12 %. Обводку и цвет
+     текста у выбранного задаёт лист чипов: своё имя каждому стоило бы по разу на тему, набор и
+     островок, а начальный пакет приложения-образца стоит у порога. */
+  --rt-toggle-chip-color-border: var(--rt-sys-outline, var(--rt-mat-neutral-60));
+  --rt-toggle-chip-color-text: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-70));
+  --rt-toggle-chip-color-bg-selected: var(--rt-sys-secondary-container, var(--rt-mat-neutral-25));
+  /* Вкладки: полоса и панель движутся, как у вкладок Material, — полсекунды с той же кривой. */
+  --rt-tabs-indicator-duration: var(--rt-duration-slower);
+  --rt-tabs-indicator-easing: cubic-bezier(0.35, 0, 0.25, 1);
+  --rt-tabs-panel-duration: var(--rt-duration-slower);
+  --rt-tabs-panel-easing: cubic-bezier(0.35, 0, 0.25, 1);
+  --rt-tabs-scroll-duration: var(--rt-duration-slower);
+  --rt-tabs-scroll-easing: cubic-bezier(0.35, 0, 0.25, 1);
 }
 
 /* Built by the generator `tools/build-tokens-v2.mjs` from `tokens.source.mjs` — edited there, not here:
@@ -1251,6 +1364,14 @@ html.rt-theme-dark {
   --rt-pagination-field-color-bg: var(--rt-input-color-bg);
   --rt-pagination-field-color-text: var(--rt-input-color-text);
   --rt-input-icon-color: var(--rt-neutral-600);
+  --rt-input-clear-color: var(--rt-neutral-600);
+  --rt-input-clear-bg: transparent;
+  --rt-input-clear-bg-hover: var(--rt-icon-button-color-bg-hover);
+  --rt-toggle-chip-color-border: var(--rt-color-border-default);
+  --rt-toggle-chip-color-text: var(--rt-color-text-muted);
+  --rt-toggle-chip-color-bg-selected: var(--rt-color-action-primary-subtle);
+  --rt-input-fill-color-bg-disabled: var(--rt-color-bg-surface-subtle-2);
+  --rt-input-color-text-placeholder: var(--rt-color-text-muted);
   /* Stepper — в dark рельса уходит от яркого синего к приглушённому серо-синему
      (текущий шаг остаётся янтарным из light-семантики). */
   --rt-color-stepper-track: var(--rt-navy-600);
@@ -1610,6 +1731,11 @@ html.rt-theme-dark {
   --rt-input-icon-color: var(--rt-neutral-600);
   --rt-input-icon-size: var(--rt-size-4);
   --rt-input-gap: var(--rt-space-sm);
+  --rt-input-caret-color: auto;
+  --rt-input-min-width: 0px;
+  --rt-input-fill-edge: var(--rt-input-border-width);
+  --rt-input-fill-focus-shadow: var(--rt-input-focus-shadow);
+  --rt-input-fill-focus-shadow-error: var(--rt-input-focus-shadow-error);
   /* Sizes (single-line height scale) */
   --rt-input-height-sm: var(--rt-control-height-sm);
   --rt-input-height-md: var(--rt-control-height-md);
@@ -1651,6 +1777,19 @@ html.rt-theme-dark {
   --rt-input-line-height: var(--rt-leading-snug);
   /* State / motion */
   --rt-input-disabled-opacity: var(--rt-opacity-disabled);
+  --rt-input-disabled-field-opacity: var(--rt-input-disabled-opacity);
+  --rt-input-color-border-disabled: var(--rt-input-color-border);
+  --rt-input-color-text-disabled: var(--rt-input-color-text);
+  --rt-input-color-placeholder-disabled: var(--rt-input-color-text-placeholder);
+  --rt-input-clear-size: var(--rt-control-height-sm);
+  --rt-input-clear-icon-size: var(--rt-size-4);
+  --rt-input-clear-color: var(--rt-neutral-600);
+  --rt-input-clear-offset-end: 0px;
+  --rt-input-clear-bg: transparent;
+  --rt-input-clear-bg-hover: var(--rt-icon-button-color-bg-hover);
+  --rt-input-clear-radius: var(--rt-radius-md);
+  --rt-input-clear-offset-start: 0px;
+  --rt-input-fill-color-bg-disabled: var(--rt-color-bg-surface-subtle-2);
   --rt-input-focus-shadow: var(--rt-shadow-focus-ring);
   --rt-input-focus-shadow-error: var(--rt-shadow-focus-ring-danger);
   --rt-input-transition: border-color var(--rt-duration-fast) ease, box-shadow var(--rt-duration-fast) ease;
@@ -1690,95 +1829,12 @@ html.rt-theme-dark {
   /* Рамка off-трека — inset-тенью, а не border: у border своя коробка, и
      отступы бегунка с иконками пришлось бы пересчитывать на её толщину. */
   --rt-toggle-shadow-border: inset 0 0 0 var(--rt-border-width-thin) var(--rt-toggle-color-border);
-  /* Навигация (rt-page-header). Шапка — отдельная плашка; отступ от краёв
-     страницы задаёт тот, кто её ставит. */
-  --rt-nav-header-padding: var(--rt-space-2) var(--rt-space-4);
-  --rt-nav-header-color-bg: var(--rt-neutral-50);
-  /* Первый уровень. Пункт ряда несёт плашку цвета самой шапки: на общем фоне её
-     не видно, и белым проступает только активный раздел. Наведение красит
-     подпись, а не фон — иначе оно спорит с этой подсветкой. */
-  --rt-nav-item-height: var(--rt-size-6);
-  --rt-nav-item-gap: var(--rt-space-1);
-  --rt-nav-item-padding: var(--rt-space-2) var(--rt-space-2);
-  --rt-nav-item-content-gap: var(--rt-space-2);
-  --rt-nav-item-font-size: var(--rt-text-sm);
-  --rt-nav-item-font-weight: var(--rt-font-weight-semibold);
-  --rt-nav-item-line-height: var(--rt-leading-none);
-  --rt-nav-item-color: var(--rt-color-text-primary);
-  --rt-nav-item-color-hover: var(--rt-color-action-primary);
-  --rt-nav-item-color-pressed: var(--rt-color-action-primary-hover);
-  --rt-nav-item-color-bg: var(--rt-neutral-50);
-  --rt-nav-item-color-border: var(--rt-neutral-50);
-  --rt-nav-item-color-bg-active: var(--rt-color-bg-surface);
-  --rt-nav-item-color-caret: var(--rt-neutral-200);
-  /* Фокус обведён пунктиром: сплошная рамка на плашке пункта неотличима от его
-     же границы. */
-  --rt-nav-color-focus: var(--rt-color-action-primary);
-  /* Недоступный пункт светлее доступного, а не другого оттенка: общий
-     `text-disabled` уходит в сине-стальной и рядом с серой подписью читается
-     как второй цвет, а не как выключенное состояние. */
-  --rt-nav-color-disabled: var(--rt-neutral-300);
-  /* Попап профиля. Подложку берёт у панели навигации, своего здесь — габариты
-     блока пользователя, тень и набор строк: строк четыре, и они читаются как
-     список действий, а не как выпадающее меню. */
-  --rt-profile-menu-min-width: var(--rt-size-60);
-  --rt-profile-menu-padding: var(--rt-space-5);
-  --rt-profile-menu-shadow: var(--rt-shadow-profile-menu);
-  --rt-profile-menu-border-width: var(--rt-border-width-thin);
-  --rt-profile-menu-radius: var(--rt-radius-md);
-  --rt-profile-avatar-size: var(--rt-size-10);
-  --rt-profile-avatar-font-size: var(--rt-text-2xl);
-  --rt-profile-avatar-border-width: var(--rt-border-width-medium);
-  --rt-profile-avatar-radius: var(--rt-radius-full);
-  --rt-profile-item-padding-y: var(--rt-space-4);
-  --rt-profile-item-content-gap: var(--rt-space-2);
-  --rt-profile-item-font-size: var(--rt-text-md);
-  --rt-profile-item-font-weight: var(--rt-font-weight-medium);
-  --rt-profile-item-radius: var(--rt-radius-md);
-  /* Строки выступают за содержимое панели на половину её отступа: так
-     подсветка на наведении не упирается в рамку, а иконка остаётся на одной
-     вертикали с содержимым. Это же число — горизонтальный отступ строки. */
-  --rt-profile-row-inset: var(--rt-space-2);
-  --rt-profile-theme-icon-padding: var(--rt-space-2);
-  --rt-profile-theme-icon-radius: var(--rt-radius-full);
-  /* Габариты панели второго уровня: ширина считается числом колонок, поэтому
-     колонка, промежуток и внутренний отступ — токены, из которых панель
-     складывает свою ширину. По вертикали отступ крупнее: у первой группы над
-     заголовком нет ничего, и панель иначе начинается впритык. */
-  --rt-nav-panel-column-width: var(--rt-size-60);
-  --rt-nav-panel-column-gap: var(--rt-space-5);
-  --rt-nav-panel-padding: var(--rt-space-4);
-  --rt-nav-panel-padding-y: var(--rt-space-md);
-  --rt-nav-panel-group-gap: var(--rt-space-8);
-  --rt-nav-panel-item-gap: var(--rt-space-0-5);
-  --rt-nav-panel-item-height: var(--rt-size-6);
-  --rt-nav-panel-item-padding: var(--rt-space-1) var(--rt-space-2);
-  --rt-nav-panel-columns: 1;
-  --rt-nav-panel-color-bg: var(--rt-color-bg-surface);
-  --rt-nav-panel-color-border: var(--rt-neutral-200);
-  --rt-nav-panel-shadow: var(--rt-shadow-nav-panel);
-  /* Второй уровень набран легче первого: ряд разделов держит вес, а полтора
-     десятка пунктов под ним читаются построчно. */
-  --rt-nav-panel-item-font-size: var(--rt-text-sm);
-  --rt-nav-panel-item-font-weight: var(--rt-font-weight-medium);
-  --rt-nav-panel-item-content-gap: var(--rt-space-1);
-  --rt-nav-panel-item-color: var(--rt-neutral-600);
-  --rt-nav-panel-item-color-bg-hover: var(--rt-neutral-50);
-  --rt-nav-panel-item-color-active: var(--rt-color-text-inverse);
-  --rt-nav-panel-item-color-bg-active: var(--rt-color-action-primary);
-  --rt-nav-panel-group-font-size: var(--rt-text-xs);
-  --rt-nav-panel-group-font-weight: var(--rt-font-weight-medium);
-  /* Заголовок группы светлее пункта, и оба берут порог контраста на белой панели.
-     Отношения обеих пар считает проверка тёмной темы; таблица замера — на странице
-     «Colors» витрины. */
-  --rt-nav-panel-group-color: var(--rt-neutral-600);
-  --rt-nav-panel-group-content-gap: var(--rt-space-2);
-  /* Маркер непросмотренного. Точка стоит в потоке следом за подписью — и в ряду
-     разделов, и в панели, и на узком экране: место ей даёт общий зазор
-     содержимого пункта. */
-  --rt-nav-caret-size: var(--rt-size-3);
-  --rt-nav-marker-size: var(--rt-size-1);
-  --rt-nav-marker-color: var(--rt-color-state-danger);
+  /* Группа переключателей видом «чипы»: отдельные пункты с обводкой. Цвета — здесь, на корне:
+     они не зависят от размера группы; размеры объявлены на самом хосте группы. Выбранный пункт
+     в своём виде кита — мягкая марка, обводка у него та же, что у невыбранного. */
+  --rt-toggle-chip-color-border: var(--rt-color-border-default);
+  --rt-toggle-chip-color-text: var(--rt-color-text-muted);
+  --rt-toggle-chip-color-bg-selected: var(--rt-color-action-primary-subtle);
   /* Form field (rt-field) — обёртка анатомии поля: label / help / hint / error /
      required-маркер / read-only значение. Визуал label+hint в стиле Tailwind
      form (мелкий medium label, muted hint). Компоненты потребляют только эти
@@ -1791,8 +1847,11 @@ html.rt-theme-dark {
   --rt-field-hint-font-size: var(--rt-text-xs);
   --rt-field-hint-color: var(--rt-color-text-muted);
   --rt-field-error-font-size: var(--rt-text-xs);
+  --rt-field-messages-line-height: normal;
+  --rt-field-messages-padding-top: 0px;
   --rt-field-error-color: var(--rt-color-state-danger);
   --rt-field-required-color: var(--rt-color-state-danger);
+  --rt-field-required-gap: var(--rt-space-1);
   --rt-field-value-font-size: var(--rt-text-sm);
   --rt-field-value-color: var(--rt-color-text-primary);
   --rt-field-value-empty-color: var(--rt-color-text-muted);
@@ -1871,6 +1930,105 @@ html.rt-theme-dark {
   --rt-list-filter-line-height: var(--rt-leading-none);
   --rt-list-placeholder-min-height: var(--rt-size-60);
   --rt-list-placeholder-grow: 1;
+  /* Навигация (rt-page-header). Шапка — отдельная плашка; отступ от краёв
+     страницы задаёт тот, кто её ставит. */
+  --rt-nav-header-padding: var(--rt-space-2) var(--rt-space-4);
+  --rt-nav-header-color-bg: var(--rt-neutral-50);
+  /* Первый уровень. Пункт ряда несёт плашку цвета самой шапки: на общем фоне её
+     не видно, и белым проступает только активный раздел. Наведение красит
+     подпись, а не фон — иначе оно спорит с этой подсветкой. */
+  --rt-nav-item-height: var(--rt-size-6);
+  --rt-nav-item-gap: var(--rt-space-1);
+  --rt-nav-item-padding: var(--rt-space-2) var(--rt-space-2);
+  --rt-nav-item-content-gap: var(--rt-space-2);
+  --rt-nav-item-font-size: var(--rt-text-sm);
+  --rt-nav-item-font-weight: var(--rt-font-weight-semibold);
+  --rt-nav-item-line-height: var(--rt-leading-none);
+  --rt-nav-item-color: var(--rt-color-text-primary);
+  --rt-nav-item-color-hover: var(--rt-color-action-primary);
+  --rt-nav-item-color-pressed: var(--rt-color-action-primary-hover);
+  --rt-nav-item-color-bg: var(--rt-neutral-50);
+  --rt-nav-item-color-border: var(--rt-neutral-50);
+  --rt-nav-item-color-bg-active: var(--rt-color-bg-surface);
+  --rt-nav-item-color-caret: var(--rt-neutral-200);
+  /* Фокус обведён пунктиром: сплошная рамка на плашке пункта неотличима от его
+     же границы. */
+  --rt-nav-color-focus: var(--rt-color-action-primary);
+  /* Недоступный пункт светлее доступного, а не другого оттенка: общий
+     `text-disabled` уходит в сине-стальной и рядом с серой подписью читается
+     как второй цвет, а не как выключенное состояние. */
+  --rt-nav-color-disabled: var(--rt-neutral-300);
+  /* Попап профиля. Подложку берёт у панели навигации, своего здесь — габариты
+     блока пользователя, тень и набор строк: строк четыре, и они читаются как
+     список действий, а не как выпадающее меню. */
+  --rt-profile-menu-min-width: var(--rt-size-60);
+  --rt-profile-menu-padding: var(--rt-space-5);
+  --rt-profile-menu-shadow: var(--rt-shadow-profile-menu);
+  --rt-profile-menu-border-width: var(--rt-border-width-thin);
+  --rt-profile-menu-radius: var(--rt-radius-md);
+  --rt-profile-avatar-size: var(--rt-size-10);
+  --rt-profile-avatar-font-size: var(--rt-text-2xl);
+  --rt-profile-avatar-border-width: var(--rt-border-width-medium);
+  --rt-profile-avatar-radius: var(--rt-radius-full);
+  --rt-profile-item-padding-y: var(--rt-space-4);
+  --rt-profile-item-content-gap: var(--rt-space-2);
+  --rt-profile-item-font-size: var(--rt-text-md);
+  --rt-profile-item-font-weight: var(--rt-font-weight-medium);
+  --rt-profile-item-radius: var(--rt-radius-md);
+  /* Строки выступают за содержимое панели на половину её отступа: так
+     подсветка на наведении не упирается в рамку, а иконка остаётся на одной
+     вертикали с содержимым. Это же число — горизонтальный отступ строки. */
+  --rt-profile-row-inset: var(--rt-space-2);
+  --rt-profile-theme-icon-padding: var(--rt-space-2);
+  --rt-profile-theme-icon-radius: var(--rt-radius-full);
+  /* Габариты панели второго уровня: ширина считается числом колонок, поэтому
+     колонка, промежуток и внутренний отступ — токены, из которых панель
+     складывает свою ширину. По вертикали отступ крупнее: у первой группы над
+     заголовком нет ничего, и панель иначе начинается впритык. */
+  --rt-nav-panel-column-width: var(--rt-size-60);
+  --rt-nav-panel-column-gap: var(--rt-space-5);
+  --rt-nav-panel-padding: var(--rt-space-4);
+  --rt-nav-panel-padding-y: var(--rt-space-md);
+  --rt-nav-panel-group-gap: var(--rt-space-8);
+  --rt-nav-panel-item-gap: var(--rt-space-0-5);
+  --rt-nav-panel-item-height: var(--rt-size-6);
+  --rt-nav-panel-item-padding: var(--rt-space-1) var(--rt-space-2);
+  --rt-nav-panel-columns: 1;
+  --rt-nav-panel-color-bg: var(--rt-color-bg-surface);
+  --rt-nav-panel-color-border: var(--rt-neutral-200);
+  --rt-nav-panel-shadow: var(--rt-shadow-nav-panel);
+  /* Второй уровень набран легче первого: ряд разделов держит вес, а полтора
+     десятка пунктов под ним читаются построчно. */
+  --rt-nav-panel-item-font-size: var(--rt-text-sm);
+  --rt-nav-panel-item-font-weight: var(--rt-font-weight-medium);
+  --rt-nav-panel-item-content-gap: var(--rt-space-1);
+  --rt-nav-panel-item-color: var(--rt-neutral-600);
+  --rt-nav-panel-item-color-bg-hover: var(--rt-neutral-50);
+  --rt-nav-panel-item-color-active: var(--rt-color-text-inverse);
+  --rt-nav-panel-item-color-bg-active: var(--rt-color-action-primary);
+  --rt-nav-panel-group-font-size: var(--rt-text-xs);
+  --rt-nav-panel-group-font-weight: var(--rt-font-weight-medium);
+  /* Заголовок группы светлее пункта, и оба берут порог контраста на белой панели.
+     Отношения обеих пар считает проверка тёмной темы; таблица замера — на странице
+     «Colors» витрины. */
+  --rt-nav-panel-group-color: var(--rt-neutral-600);
+  --rt-nav-panel-group-content-gap: var(--rt-space-2);
+  /* Маркер непросмотренного. Точка стоит в потоке следом за подписью — и в ряду
+     разделов, и в панели, и на узком экране: место ей даёт общий зазор
+     содержимого пункта. */
+  --rt-nav-caret-size: var(--rt-size-3);
+  --rt-nav-marker-size: var(--rt-size-1);
+  --rt-nav-marker-color: var(--rt-color-state-danger);
+  /* Вкладки (rt-tabs). Полоса выбранной вкладки переезжает на новую, а панель
+     меняется сдвигом по направлению перехода. Сдвиг панели в своём виде кита выключен
+     нулевой длительностью: содержимое вкладки сменяется на месте, как раньше. */
+  --rt-tabs-indicator-duration: var(--rt-duration-base);
+  --rt-tabs-indicator-easing: ease-out;
+  --rt-tabs-panel-duration: 0ms;
+  --rt-tabs-panel-easing: ease-out;
+  /* Прокрутка полосы вкладок стрелками и к выбранной вкладке. */
+  --rt-tabs-scroll-duration: var(--rt-duration-base);
+  --rt-tabs-scroll-easing: ease-out;
 }
 @media (pointer: coarse) {
   [data-theme=light]:not(:root) {
@@ -2110,6 +2268,11 @@ html.rt-theme-dark {
   --rt-input-icon-color: var(--rt-neutral-600);
   --rt-input-icon-size: var(--rt-size-4);
   --rt-input-gap: var(--rt-space-sm);
+  --rt-input-caret-color: auto;
+  --rt-input-min-width: 0px;
+  --rt-input-fill-edge: var(--rt-input-border-width);
+  --rt-input-fill-focus-shadow: var(--rt-input-focus-shadow);
+  --rt-input-fill-focus-shadow-error: var(--rt-input-focus-shadow-error);
   /* Sizes (single-line height scale) */
   --rt-input-height-sm: var(--rt-control-height-sm);
   --rt-input-height-md: var(--rt-control-height-md);
@@ -2151,6 +2314,19 @@ html.rt-theme-dark {
   --rt-input-line-height: var(--rt-leading-snug);
   /* State / motion */
   --rt-input-disabled-opacity: var(--rt-opacity-disabled);
+  --rt-input-disabled-field-opacity: var(--rt-input-disabled-opacity);
+  --rt-input-color-border-disabled: var(--rt-input-color-border);
+  --rt-input-color-text-disabled: var(--rt-input-color-text);
+  --rt-input-color-placeholder-disabled: var(--rt-input-color-text-placeholder);
+  --rt-input-clear-size: var(--rt-control-height-sm);
+  --rt-input-clear-icon-size: var(--rt-size-4);
+  --rt-input-clear-color: var(--rt-neutral-600);
+  --rt-input-clear-offset-end: 0px;
+  --rt-input-clear-bg: transparent;
+  --rt-input-clear-bg-hover: var(--rt-icon-button-color-bg-hover);
+  --rt-input-clear-radius: var(--rt-radius-md);
+  --rt-input-clear-offset-start: 0px;
+  --rt-input-fill-color-bg-disabled: var(--rt-color-bg-surface-subtle-2);
   --rt-input-focus-shadow: var(--rt-shadow-focus-ring);
   --rt-input-focus-shadow-error: var(--rt-shadow-focus-ring-danger);
   --rt-input-transition: border-color var(--rt-duration-fast) ease, box-shadow var(--rt-duration-fast) ease;
@@ -2190,95 +2366,12 @@ html.rt-theme-dark {
   /* Рамка off-трека — inset-тенью, а не border: у border своя коробка, и
      отступы бегунка с иконками пришлось бы пересчитывать на её толщину. */
   --rt-toggle-shadow-border: inset 0 0 0 var(--rt-border-width-thin) var(--rt-toggle-color-border);
-  /* Навигация (rt-page-header). Шапка — отдельная плашка; отступ от краёв
-     страницы задаёт тот, кто её ставит. */
-  --rt-nav-header-padding: var(--rt-space-2) var(--rt-space-4);
-  --rt-nav-header-color-bg: var(--rt-neutral-50);
-  /* Первый уровень. Пункт ряда несёт плашку цвета самой шапки: на общем фоне её
-     не видно, и белым проступает только активный раздел. Наведение красит
-     подпись, а не фон — иначе оно спорит с этой подсветкой. */
-  --rt-nav-item-height: var(--rt-size-6);
-  --rt-nav-item-gap: var(--rt-space-1);
-  --rt-nav-item-padding: var(--rt-space-2) var(--rt-space-2);
-  --rt-nav-item-content-gap: var(--rt-space-2);
-  --rt-nav-item-font-size: var(--rt-text-sm);
-  --rt-nav-item-font-weight: var(--rt-font-weight-semibold);
-  --rt-nav-item-line-height: var(--rt-leading-none);
-  --rt-nav-item-color: var(--rt-color-text-primary);
-  --rt-nav-item-color-hover: var(--rt-color-action-primary);
-  --rt-nav-item-color-pressed: var(--rt-color-action-primary-hover);
-  --rt-nav-item-color-bg: var(--rt-neutral-50);
-  --rt-nav-item-color-border: var(--rt-neutral-50);
-  --rt-nav-item-color-bg-active: var(--rt-color-bg-surface);
-  --rt-nav-item-color-caret: var(--rt-neutral-200);
-  /* Фокус обведён пунктиром: сплошная рамка на плашке пункта неотличима от его
-     же границы. */
-  --rt-nav-color-focus: var(--rt-color-action-primary);
-  /* Недоступный пункт светлее доступного, а не другого оттенка: общий
-     `text-disabled` уходит в сине-стальной и рядом с серой подписью читается
-     как второй цвет, а не как выключенное состояние. */
-  --rt-nav-color-disabled: var(--rt-neutral-300);
-  /* Попап профиля. Подложку берёт у панели навигации, своего здесь — габариты
-     блока пользователя, тень и набор строк: строк четыре, и они читаются как
-     список действий, а не как выпадающее меню. */
-  --rt-profile-menu-min-width: var(--rt-size-60);
-  --rt-profile-menu-padding: var(--rt-space-5);
-  --rt-profile-menu-shadow: var(--rt-shadow-profile-menu);
-  --rt-profile-menu-border-width: var(--rt-border-width-thin);
-  --rt-profile-menu-radius: var(--rt-radius-md);
-  --rt-profile-avatar-size: var(--rt-size-10);
-  --rt-profile-avatar-font-size: var(--rt-text-2xl);
-  --rt-profile-avatar-border-width: var(--rt-border-width-medium);
-  --rt-profile-avatar-radius: var(--rt-radius-full);
-  --rt-profile-item-padding-y: var(--rt-space-4);
-  --rt-profile-item-content-gap: var(--rt-space-2);
-  --rt-profile-item-font-size: var(--rt-text-md);
-  --rt-profile-item-font-weight: var(--rt-font-weight-medium);
-  --rt-profile-item-radius: var(--rt-radius-md);
-  /* Строки выступают за содержимое панели на половину её отступа: так
-     подсветка на наведении не упирается в рамку, а иконка остаётся на одной
-     вертикали с содержимым. Это же число — горизонтальный отступ строки. */
-  --rt-profile-row-inset: var(--rt-space-2);
-  --rt-profile-theme-icon-padding: var(--rt-space-2);
-  --rt-profile-theme-icon-radius: var(--rt-radius-full);
-  /* Габариты панели второго уровня: ширина считается числом колонок, поэтому
-     колонка, промежуток и внутренний отступ — токены, из которых панель
-     складывает свою ширину. По вертикали отступ крупнее: у первой группы над
-     заголовком нет ничего, и панель иначе начинается впритык. */
-  --rt-nav-panel-column-width: var(--rt-size-60);
-  --rt-nav-panel-column-gap: var(--rt-space-5);
-  --rt-nav-panel-padding: var(--rt-space-4);
-  --rt-nav-panel-padding-y: var(--rt-space-md);
-  --rt-nav-panel-group-gap: var(--rt-space-8);
-  --rt-nav-panel-item-gap: var(--rt-space-0-5);
-  --rt-nav-panel-item-height: var(--rt-size-6);
-  --rt-nav-panel-item-padding: var(--rt-space-1) var(--rt-space-2);
-  --rt-nav-panel-columns: 1;
-  --rt-nav-panel-color-bg: var(--rt-color-bg-surface);
-  --rt-nav-panel-color-border: var(--rt-neutral-200);
-  --rt-nav-panel-shadow: var(--rt-shadow-nav-panel);
-  /* Второй уровень набран легче первого: ряд разделов держит вес, а полтора
-     десятка пунктов под ним читаются построчно. */
-  --rt-nav-panel-item-font-size: var(--rt-text-sm);
-  --rt-nav-panel-item-font-weight: var(--rt-font-weight-medium);
-  --rt-nav-panel-item-content-gap: var(--rt-space-1);
-  --rt-nav-panel-item-color: var(--rt-neutral-600);
-  --rt-nav-panel-item-color-bg-hover: var(--rt-neutral-50);
-  --rt-nav-panel-item-color-active: var(--rt-color-text-inverse);
-  --rt-nav-panel-item-color-bg-active: var(--rt-color-action-primary);
-  --rt-nav-panel-group-font-size: var(--rt-text-xs);
-  --rt-nav-panel-group-font-weight: var(--rt-font-weight-medium);
-  /* Заголовок группы светлее пункта, и оба берут порог контраста на белой панели.
-     Отношения обеих пар считает проверка тёмной темы; таблица замера — на странице
-     «Colors» витрины. */
-  --rt-nav-panel-group-color: var(--rt-neutral-600);
-  --rt-nav-panel-group-content-gap: var(--rt-space-2);
-  /* Маркер непросмотренного. Точка стоит в потоке следом за подписью — и в ряду
-     разделов, и в панели, и на узком экране: место ей даёт общий зазор
-     содержимого пункта. */
-  --rt-nav-caret-size: var(--rt-size-3);
-  --rt-nav-marker-size: var(--rt-size-1);
-  --rt-nav-marker-color: var(--rt-color-state-danger);
+  /* Группа переключателей видом «чипы»: отдельные пункты с обводкой. Цвета — здесь, на корне:
+     они не зависят от размера группы; размеры объявлены на самом хосте группы. Выбранный пункт
+     в своём виде кита — мягкая марка, обводка у него та же, что у невыбранного. */
+  --rt-toggle-chip-color-border: var(--rt-color-border-default);
+  --rt-toggle-chip-color-text: var(--rt-color-text-muted);
+  --rt-toggle-chip-color-bg-selected: var(--rt-color-action-primary-subtle);
   /* Form field (rt-field) — обёртка анатомии поля: label / help / hint / error /
      required-маркер / read-only значение. Визуал label+hint в стиле Tailwind
      form (мелкий medium label, muted hint). Компоненты потребляют только эти
@@ -2291,8 +2384,11 @@ html.rt-theme-dark {
   --rt-field-hint-font-size: var(--rt-text-xs);
   --rt-field-hint-color: var(--rt-color-text-muted);
   --rt-field-error-font-size: var(--rt-text-xs);
+  --rt-field-messages-line-height: normal;
+  --rt-field-messages-padding-top: 0px;
   --rt-field-error-color: var(--rt-color-state-danger);
   --rt-field-required-color: var(--rt-color-state-danger);
+  --rt-field-required-gap: var(--rt-space-1);
   --rt-field-value-font-size: var(--rt-text-sm);
   --rt-field-value-color: var(--rt-color-text-primary);
   --rt-field-value-empty-color: var(--rt-color-text-muted);
@@ -2371,6 +2467,105 @@ html.rt-theme-dark {
   --rt-list-filter-line-height: var(--rt-leading-none);
   --rt-list-placeholder-min-height: var(--rt-size-60);
   --rt-list-placeholder-grow: 1;
+  /* Навигация (rt-page-header). Шапка — отдельная плашка; отступ от краёв
+     страницы задаёт тот, кто её ставит. */
+  --rt-nav-header-padding: var(--rt-space-2) var(--rt-space-4);
+  --rt-nav-header-color-bg: var(--rt-neutral-50);
+  /* Первый уровень. Пункт ряда несёт плашку цвета самой шапки: на общем фоне её
+     не видно, и белым проступает только активный раздел. Наведение красит
+     подпись, а не фон — иначе оно спорит с этой подсветкой. */
+  --rt-nav-item-height: var(--rt-size-6);
+  --rt-nav-item-gap: var(--rt-space-1);
+  --rt-nav-item-padding: var(--rt-space-2) var(--rt-space-2);
+  --rt-nav-item-content-gap: var(--rt-space-2);
+  --rt-nav-item-font-size: var(--rt-text-sm);
+  --rt-nav-item-font-weight: var(--rt-font-weight-semibold);
+  --rt-nav-item-line-height: var(--rt-leading-none);
+  --rt-nav-item-color: var(--rt-color-text-primary);
+  --rt-nav-item-color-hover: var(--rt-color-action-primary);
+  --rt-nav-item-color-pressed: var(--rt-color-action-primary-hover);
+  --rt-nav-item-color-bg: var(--rt-neutral-50);
+  --rt-nav-item-color-border: var(--rt-neutral-50);
+  --rt-nav-item-color-bg-active: var(--rt-color-bg-surface);
+  --rt-nav-item-color-caret: var(--rt-neutral-200);
+  /* Фокус обведён пунктиром: сплошная рамка на плашке пункта неотличима от его
+     же границы. */
+  --rt-nav-color-focus: var(--rt-color-action-primary);
+  /* Недоступный пункт светлее доступного, а не другого оттенка: общий
+     `text-disabled` уходит в сине-стальной и рядом с серой подписью читается
+     как второй цвет, а не как выключенное состояние. */
+  --rt-nav-color-disabled: var(--rt-neutral-300);
+  /* Попап профиля. Подложку берёт у панели навигации, своего здесь — габариты
+     блока пользователя, тень и набор строк: строк четыре, и они читаются как
+     список действий, а не как выпадающее меню. */
+  --rt-profile-menu-min-width: var(--rt-size-60);
+  --rt-profile-menu-padding: var(--rt-space-5);
+  --rt-profile-menu-shadow: var(--rt-shadow-profile-menu);
+  --rt-profile-menu-border-width: var(--rt-border-width-thin);
+  --rt-profile-menu-radius: var(--rt-radius-md);
+  --rt-profile-avatar-size: var(--rt-size-10);
+  --rt-profile-avatar-font-size: var(--rt-text-2xl);
+  --rt-profile-avatar-border-width: var(--rt-border-width-medium);
+  --rt-profile-avatar-radius: var(--rt-radius-full);
+  --rt-profile-item-padding-y: var(--rt-space-4);
+  --rt-profile-item-content-gap: var(--rt-space-2);
+  --rt-profile-item-font-size: var(--rt-text-md);
+  --rt-profile-item-font-weight: var(--rt-font-weight-medium);
+  --rt-profile-item-radius: var(--rt-radius-md);
+  /* Строки выступают за содержимое панели на половину её отступа: так
+     подсветка на наведении не упирается в рамку, а иконка остаётся на одной
+     вертикали с содержимым. Это же число — горизонтальный отступ строки. */
+  --rt-profile-row-inset: var(--rt-space-2);
+  --rt-profile-theme-icon-padding: var(--rt-space-2);
+  --rt-profile-theme-icon-radius: var(--rt-radius-full);
+  /* Габариты панели второго уровня: ширина считается числом колонок, поэтому
+     колонка, промежуток и внутренний отступ — токены, из которых панель
+     складывает свою ширину. По вертикали отступ крупнее: у первой группы над
+     заголовком нет ничего, и панель иначе начинается впритык. */
+  --rt-nav-panel-column-width: var(--rt-size-60);
+  --rt-nav-panel-column-gap: var(--rt-space-5);
+  --rt-nav-panel-padding: var(--rt-space-4);
+  --rt-nav-panel-padding-y: var(--rt-space-md);
+  --rt-nav-panel-group-gap: var(--rt-space-8);
+  --rt-nav-panel-item-gap: var(--rt-space-0-5);
+  --rt-nav-panel-item-height: var(--rt-size-6);
+  --rt-nav-panel-item-padding: var(--rt-space-1) var(--rt-space-2);
+  --rt-nav-panel-columns: 1;
+  --rt-nav-panel-color-bg: var(--rt-color-bg-surface);
+  --rt-nav-panel-color-border: var(--rt-neutral-200);
+  --rt-nav-panel-shadow: var(--rt-shadow-nav-panel);
+  /* Второй уровень набран легче первого: ряд разделов держит вес, а полтора
+     десятка пунктов под ним читаются построчно. */
+  --rt-nav-panel-item-font-size: var(--rt-text-sm);
+  --rt-nav-panel-item-font-weight: var(--rt-font-weight-medium);
+  --rt-nav-panel-item-content-gap: var(--rt-space-1);
+  --rt-nav-panel-item-color: var(--rt-neutral-600);
+  --rt-nav-panel-item-color-bg-hover: var(--rt-neutral-50);
+  --rt-nav-panel-item-color-active: var(--rt-color-text-inverse);
+  --rt-nav-panel-item-color-bg-active: var(--rt-color-action-primary);
+  --rt-nav-panel-group-font-size: var(--rt-text-xs);
+  --rt-nav-panel-group-font-weight: var(--rt-font-weight-medium);
+  /* Заголовок группы светлее пункта, и оба берут порог контраста на белой панели.
+     Отношения обеих пар считает проверка тёмной темы; таблица замера — на странице
+     «Colors» витрины. */
+  --rt-nav-panel-group-color: var(--rt-neutral-600);
+  --rt-nav-panel-group-content-gap: var(--rt-space-2);
+  /* Маркер непросмотренного. Точка стоит в потоке следом за подписью — и в ряду
+     разделов, и в панели, и на узком экране: место ей даёт общий зазор
+     содержимого пункта. */
+  --rt-nav-caret-size: var(--rt-size-3);
+  --rt-nav-marker-size: var(--rt-size-1);
+  --rt-nav-marker-color: var(--rt-color-state-danger);
+  /* Вкладки (rt-tabs). Полоса выбранной вкладки переезжает на новую, а панель
+     меняется сдвигом по направлению перехода. Сдвиг панели в своём виде кита выключен
+     нулевой длительностью: содержимое вкладки сменяется на месте, как раньше. */
+  --rt-tabs-indicator-duration: var(--rt-duration-base);
+  --rt-tabs-indicator-easing: ease-out;
+  --rt-tabs-panel-duration: 0ms;
+  --rt-tabs-panel-easing: ease-out;
+  /* Прокрутка полосы вкладок стрелками и к выбранной вкладке. */
+  --rt-tabs-scroll-duration: var(--rt-duration-base);
+  --rt-tabs-scroll-easing: ease-out;
   /* The Material colours of the page are resolved dark under the kit's dark theme. */
   color-scheme: dark;
   /* Background — тёплый графит */
@@ -2421,6 +2616,14 @@ html.rt-theme-dark {
   --rt-pagination-field-color-bg: var(--rt-input-color-bg);
   --rt-pagination-field-color-text: var(--rt-input-color-text);
   --rt-input-icon-color: var(--rt-neutral-600);
+  --rt-input-clear-color: var(--rt-neutral-600);
+  --rt-input-clear-bg: transparent;
+  --rt-input-clear-bg-hover: var(--rt-icon-button-color-bg-hover);
+  --rt-toggle-chip-color-border: var(--rt-color-border-default);
+  --rt-toggle-chip-color-text: var(--rt-color-text-muted);
+  --rt-toggle-chip-color-bg-selected: var(--rt-color-action-primary-subtle);
+  --rt-input-fill-color-bg-disabled: var(--rt-color-bg-surface-subtle-2);
+  --rt-input-color-text-placeholder: var(--rt-color-text-muted);
   /* Stepper — в dark рельса уходит от яркого синего к приглушённому серо-синему
      (текущий шаг остаётся янтарным из light-семантики). */
   --rt-color-stepper-track: var(--rt-navy-600);
@@ -2751,6 +2954,11 @@ html.rt-theme-dark {
   --rt-input-icon-color: var(--rt-neutral-600);
   --rt-input-icon-size: var(--rt-size-4);
   --rt-input-gap: var(--rt-space-sm);
+  --rt-input-caret-color: auto;
+  --rt-input-min-width: 0px;
+  --rt-input-fill-edge: var(--rt-input-border-width);
+  --rt-input-fill-focus-shadow: var(--rt-input-focus-shadow);
+  --rt-input-fill-focus-shadow-error: var(--rt-input-focus-shadow-error);
   /* Sizes (single-line height scale) */
   --rt-input-height-sm: var(--rt-control-height-sm);
   --rt-input-height-md: var(--rt-control-height-md);
@@ -2792,6 +3000,19 @@ html.rt-theme-dark {
   --rt-input-line-height: var(--rt-leading-snug);
   /* State / motion */
   --rt-input-disabled-opacity: var(--rt-opacity-disabled);
+  --rt-input-disabled-field-opacity: var(--rt-input-disabled-opacity);
+  --rt-input-color-border-disabled: var(--rt-input-color-border);
+  --rt-input-color-text-disabled: var(--rt-input-color-text);
+  --rt-input-color-placeholder-disabled: var(--rt-input-color-text-placeholder);
+  --rt-input-clear-size: var(--rt-control-height-sm);
+  --rt-input-clear-icon-size: var(--rt-size-4);
+  --rt-input-clear-color: var(--rt-neutral-600);
+  --rt-input-clear-offset-end: 0px;
+  --rt-input-clear-bg: transparent;
+  --rt-input-clear-bg-hover: var(--rt-icon-button-color-bg-hover);
+  --rt-input-clear-radius: var(--rt-radius-md);
+  --rt-input-clear-offset-start: 0px;
+  --rt-input-fill-color-bg-disabled: var(--rt-color-bg-surface-subtle-2);
   --rt-input-focus-shadow: var(--rt-shadow-focus-ring);
   --rt-input-focus-shadow-error: var(--rt-shadow-focus-ring-danger);
   --rt-input-transition: border-color var(--rt-duration-fast) ease, box-shadow var(--rt-duration-fast) ease;
@@ -2820,106 +3041,23 @@ html.rt-theme-dark {
   --rt-counter-row-label-font-size: var(--rt-text-md);
   --rt-counter-row-label-color: var(--rt-color-text-primary);
   --rt-counter-row-hint-font-size: var(--rt-text-sm);
-  --rt-counter-row-hint-color: var(--rt-color-text-muted);
-  /* Toggle-switch (rt-toggle-switch) — трек, бегунок и иконки состояния. */
-  --rt-toggle-color-track: var(--rt-color-bg-surface-subtle-2);
-  --rt-toggle-color-track-on: var(--rt-color-action-primary);
-  --rt-toggle-color-border: var(--rt-color-border-strong);
-  --rt-toggle-color-thumb: var(--rt-color-bg-surface);
-  --rt-toggle-color-icon: var(--rt-amber-400); /* rt-theme-shared: янтарь иконки один в обеих темах */
-  --rt-toggle-shadow-thumb: var(--rt-shadow-md);
-  /* Рамка off-трека — inset-тенью, а не border: у border своя коробка, и
-     отступы бегунка с иконками пришлось бы пересчитывать на её толщину. */
-  --rt-toggle-shadow-border: inset 0 0 0 var(--rt-border-width-thin) var(--rt-toggle-color-border);
-  /* Навигация (rt-page-header). Шапка — отдельная плашка; отступ от краёв
-     страницы задаёт тот, кто её ставит. */
-  --rt-nav-header-padding: var(--rt-space-2) var(--rt-space-4);
-  --rt-nav-header-color-bg: var(--rt-neutral-50);
-  /* Первый уровень. Пункт ряда несёт плашку цвета самой шапки: на общем фоне её
-     не видно, и белым проступает только активный раздел. Наведение красит
-     подпись, а не фон — иначе оно спорит с этой подсветкой. */
-  --rt-nav-item-height: var(--rt-size-6);
-  --rt-nav-item-gap: var(--rt-space-1);
-  --rt-nav-item-padding: var(--rt-space-2) var(--rt-space-2);
-  --rt-nav-item-content-gap: var(--rt-space-2);
-  --rt-nav-item-font-size: var(--rt-text-sm);
-  --rt-nav-item-font-weight: var(--rt-font-weight-semibold);
-  --rt-nav-item-line-height: var(--rt-leading-none);
-  --rt-nav-item-color: var(--rt-color-text-primary);
-  --rt-nav-item-color-hover: var(--rt-color-action-primary);
-  --rt-nav-item-color-pressed: var(--rt-color-action-primary-hover);
-  --rt-nav-item-color-bg: var(--rt-neutral-50);
-  --rt-nav-item-color-border: var(--rt-neutral-50);
-  --rt-nav-item-color-bg-active: var(--rt-color-bg-surface);
-  --rt-nav-item-color-caret: var(--rt-neutral-200);
-  /* Фокус обведён пунктиром: сплошная рамка на плашке пункта неотличима от его
-     же границы. */
-  --rt-nav-color-focus: var(--rt-color-action-primary);
-  /* Недоступный пункт светлее доступного, а не другого оттенка: общий
-     `text-disabled` уходит в сине-стальной и рядом с серой подписью читается
-     как второй цвет, а не как выключенное состояние. */
-  --rt-nav-color-disabled: var(--rt-neutral-300);
-  /* Попап профиля. Подложку берёт у панели навигации, своего здесь — габариты
-     блока пользователя, тень и набор строк: строк четыре, и они читаются как
-     список действий, а не как выпадающее меню. */
-  --rt-profile-menu-min-width: var(--rt-size-60);
-  --rt-profile-menu-padding: var(--rt-space-5);
-  --rt-profile-menu-shadow: var(--rt-shadow-profile-menu);
-  --rt-profile-menu-border-width: var(--rt-border-width-thin);
-  --rt-profile-menu-radius: var(--rt-radius-md);
-  --rt-profile-avatar-size: var(--rt-size-10);
-  --rt-profile-avatar-font-size: var(--rt-text-2xl);
-  --rt-profile-avatar-border-width: var(--rt-border-width-medium);
-  --rt-profile-avatar-radius: var(--rt-radius-full);
-  --rt-profile-item-padding-y: var(--rt-space-4);
-  --rt-profile-item-content-gap: var(--rt-space-2);
-  --rt-profile-item-font-size: var(--rt-text-md);
-  --rt-profile-item-font-weight: var(--rt-font-weight-medium);
-  --rt-profile-item-radius: var(--rt-radius-md);
-  /* Строки выступают за содержимое панели на половину её отступа: так
-     подсветка на наведении не упирается в рамку, а иконка остаётся на одной
-     вертикали с содержимым. Это же число — горизонтальный отступ строки. */
-  --rt-profile-row-inset: var(--rt-space-2);
-  --rt-profile-theme-icon-padding: var(--rt-space-2);
-  --rt-profile-theme-icon-radius: var(--rt-radius-full);
-  /* Габариты панели второго уровня: ширина считается числом колонок, поэтому
-     колонка, промежуток и внутренний отступ — токены, из которых панель
-     складывает свою ширину. По вертикали отступ крупнее: у первой группы над
-     заголовком нет ничего, и панель иначе начинается впритык. */
-  --rt-nav-panel-column-width: var(--rt-size-60);
-  --rt-nav-panel-column-gap: var(--rt-space-5);
-  --rt-nav-panel-padding: var(--rt-space-4);
-  --rt-nav-panel-padding-y: var(--rt-space-md);
-  --rt-nav-panel-group-gap: var(--rt-space-8);
-  --rt-nav-panel-item-gap: var(--rt-space-0-5);
-  --rt-nav-panel-item-height: var(--rt-size-6);
-  --rt-nav-panel-item-padding: var(--rt-space-1) var(--rt-space-2);
-  --rt-nav-panel-columns: 1;
-  --rt-nav-panel-color-bg: var(--rt-color-bg-surface);
-  --rt-nav-panel-color-border: var(--rt-neutral-200);
-  --rt-nav-panel-shadow: var(--rt-shadow-nav-panel);
-  /* Второй уровень набран легче первого: ряд разделов держит вес, а полтора
-     десятка пунктов под ним читаются построчно. */
-  --rt-nav-panel-item-font-size: var(--rt-text-sm);
-  --rt-nav-panel-item-font-weight: var(--rt-font-weight-medium);
-  --rt-nav-panel-item-content-gap: var(--rt-space-1);
-  --rt-nav-panel-item-color: var(--rt-neutral-600);
-  --rt-nav-panel-item-color-bg-hover: var(--rt-neutral-50);
-  --rt-nav-panel-item-color-active: var(--rt-color-text-inverse);
-  --rt-nav-panel-item-color-bg-active: var(--rt-color-action-primary);
-  --rt-nav-panel-group-font-size: var(--rt-text-xs);
-  --rt-nav-panel-group-font-weight: var(--rt-font-weight-medium);
-  /* Заголовок группы светлее пункта, и оба берут порог контраста на белой панели.
-     Отношения обеих пар считает проверка тёмной темы; таблица замера — на странице
-     «Colors» витрины. */
-  --rt-nav-panel-group-color: var(--rt-neutral-600);
-  --rt-nav-panel-group-content-gap: var(--rt-space-2);
-  /* Маркер непросмотренного. Точка стоит в потоке следом за подписью — и в ряду
-     разделов, и в панели, и на узком экране: место ей даёт общий зазор
-     содержимого пункта. */
-  --rt-nav-caret-size: var(--rt-size-3);
-  --rt-nav-marker-size: var(--rt-size-1);
-  --rt-nav-marker-color: var(--rt-color-state-danger);
+  --rt-counter-row-hint-color: var(--rt-color-text-muted);
+  /* Toggle-switch (rt-toggle-switch) — трек, бегунок и иконки состояния. */
+  --rt-toggle-color-track: var(--rt-color-bg-surface-subtle-2);
+  --rt-toggle-color-track-on: var(--rt-color-action-primary);
+  --rt-toggle-color-border: var(--rt-color-border-strong);
+  --rt-toggle-color-thumb: var(--rt-color-bg-surface);
+  --rt-toggle-color-icon: var(--rt-amber-400); /* rt-theme-shared: янтарь иконки один в обеих темах */
+  --rt-toggle-shadow-thumb: var(--rt-shadow-md);
+  /* Рамка off-трека — inset-тенью, а не border: у border своя коробка, и
+     отступы бегунка с иконками пришлось бы пересчитывать на её толщину. */
+  --rt-toggle-shadow-border: inset 0 0 0 var(--rt-border-width-thin) var(--rt-toggle-color-border);
+  /* Группа переключателей видом «чипы»: отдельные пункты с обводкой. Цвета — здесь, на корне:
+     они не зависят от размера группы; размеры объявлены на самом хосте группы. Выбранный пункт
+     в своём виде кита — мягкая марка, обводка у него та же, что у невыбранного. */
+  --rt-toggle-chip-color-border: var(--rt-color-border-default);
+  --rt-toggle-chip-color-text: var(--rt-color-text-muted);
+  --rt-toggle-chip-color-bg-selected: var(--rt-color-action-primary-subtle);
   /* Form field (rt-field) — обёртка анатомии поля: label / help / hint / error /
      required-маркер / read-only значение. Визуал label+hint в стиле Tailwind
      form (мелкий medium label, muted hint). Компоненты потребляют только эти
@@ -2932,8 +3070,11 @@ html.rt-theme-dark {
   --rt-field-hint-font-size: var(--rt-text-xs);
   --rt-field-hint-color: var(--rt-color-text-muted);
   --rt-field-error-font-size: var(--rt-text-xs);
+  --rt-field-messages-line-height: normal;
+  --rt-field-messages-padding-top: 0px;
   --rt-field-error-color: var(--rt-color-state-danger);
   --rt-field-required-color: var(--rt-color-state-danger);
+  --rt-field-required-gap: var(--rt-space-1);
   --rt-field-value-font-size: var(--rt-text-sm);
   --rt-field-value-color: var(--rt-color-text-primary);
   --rt-field-value-empty-color: var(--rt-color-text-muted);
@@ -3012,36 +3153,135 @@ html.rt-theme-dark {
   --rt-list-filter-line-height: var(--rt-leading-none);
   --rt-list-placeholder-min-height: var(--rt-size-60);
   --rt-list-placeholder-grow: 1;
+  /* Навигация (rt-page-header). Шапка — отдельная плашка; отступ от краёв
+     страницы задаёт тот, кто её ставит. */
+  --rt-nav-header-padding: var(--rt-space-2) var(--rt-space-4);
+  --rt-nav-header-color-bg: var(--rt-neutral-50);
+  /* Первый уровень. Пункт ряда несёт плашку цвета самой шапки: на общем фоне её
+     не видно, и белым проступает только активный раздел. Наведение красит
+     подпись, а не фон — иначе оно спорит с этой подсветкой. */
+  --rt-nav-item-height: var(--rt-size-6);
+  --rt-nav-item-gap: var(--rt-space-1);
+  --rt-nav-item-padding: var(--rt-space-2) var(--rt-space-2);
+  --rt-nav-item-content-gap: var(--rt-space-2);
+  --rt-nav-item-font-size: var(--rt-text-sm);
+  --rt-nav-item-font-weight: var(--rt-font-weight-semibold);
+  --rt-nav-item-line-height: var(--rt-leading-none);
+  --rt-nav-item-color: var(--rt-color-text-primary);
+  --rt-nav-item-color-hover: var(--rt-color-action-primary);
+  --rt-nav-item-color-pressed: var(--rt-color-action-primary-hover);
+  --rt-nav-item-color-bg: var(--rt-neutral-50);
+  --rt-nav-item-color-border: var(--rt-neutral-50);
+  --rt-nav-item-color-bg-active: var(--rt-color-bg-surface);
+  --rt-nav-item-color-caret: var(--rt-neutral-200);
+  /* Фокус обведён пунктиром: сплошная рамка на плашке пункта неотличима от его
+     же границы. */
+  --rt-nav-color-focus: var(--rt-color-action-primary);
+  /* Недоступный пункт светлее доступного, а не другого оттенка: общий
+     `text-disabled` уходит в сине-стальной и рядом с серой подписью читается
+     как второй цвет, а не как выключенное состояние. */
+  --rt-nav-color-disabled: var(--rt-neutral-300);
+  /* Попап профиля. Подложку берёт у панели навигации, своего здесь — габариты
+     блока пользователя, тень и набор строк: строк четыре, и они читаются как
+     список действий, а не как выпадающее меню. */
+  --rt-profile-menu-min-width: var(--rt-size-60);
+  --rt-profile-menu-padding: var(--rt-space-5);
+  --rt-profile-menu-shadow: var(--rt-shadow-profile-menu);
+  --rt-profile-menu-border-width: var(--rt-border-width-thin);
+  --rt-profile-menu-radius: var(--rt-radius-md);
+  --rt-profile-avatar-size: var(--rt-size-10);
+  --rt-profile-avatar-font-size: var(--rt-text-2xl);
+  --rt-profile-avatar-border-width: var(--rt-border-width-medium);
+  --rt-profile-avatar-radius: var(--rt-radius-full);
+  --rt-profile-item-padding-y: var(--rt-space-4);
+  --rt-profile-item-content-gap: var(--rt-space-2);
+  --rt-profile-item-font-size: var(--rt-text-md);
+  --rt-profile-item-font-weight: var(--rt-font-weight-medium);
+  --rt-profile-item-radius: var(--rt-radius-md);
+  /* Строки выступают за содержимое панели на половину её отступа: так
+     подсветка на наведении не упирается в рамку, а иконка остаётся на одной
+     вертикали с содержимым. Это же число — горизонтальный отступ строки. */
+  --rt-profile-row-inset: var(--rt-space-2);
+  --rt-profile-theme-icon-padding: var(--rt-space-2);
+  --rt-profile-theme-icon-radius: var(--rt-radius-full);
+  /* Габариты панели второго уровня: ширина считается числом колонок, поэтому
+     колонка, промежуток и внутренний отступ — токены, из которых панель
+     складывает свою ширину. По вертикали отступ крупнее: у первой группы над
+     заголовком нет ничего, и панель иначе начинается впритык. */
+  --rt-nav-panel-column-width: var(--rt-size-60);
+  --rt-nav-panel-column-gap: var(--rt-space-5);
+  --rt-nav-panel-padding: var(--rt-space-4);
+  --rt-nav-panel-padding-y: var(--rt-space-md);
+  --rt-nav-panel-group-gap: var(--rt-space-8);
+  --rt-nav-panel-item-gap: var(--rt-space-0-5);
+  --rt-nav-panel-item-height: var(--rt-size-6);
+  --rt-nav-panel-item-padding: var(--rt-space-1) var(--rt-space-2);
+  --rt-nav-panel-columns: 1;
+  --rt-nav-panel-color-bg: var(--rt-color-bg-surface);
+  --rt-nav-panel-color-border: var(--rt-neutral-200);
+  --rt-nav-panel-shadow: var(--rt-shadow-nav-panel);
+  /* Второй уровень набран легче первого: ряд разделов держит вес, а полтора
+     десятка пунктов под ним читаются построчно. */
+  --rt-nav-panel-item-font-size: var(--rt-text-sm);
+  --rt-nav-panel-item-font-weight: var(--rt-font-weight-medium);
+  --rt-nav-panel-item-content-gap: var(--rt-space-1);
+  --rt-nav-panel-item-color: var(--rt-neutral-600);
+  --rt-nav-panel-item-color-bg-hover: var(--rt-neutral-50);
+  --rt-nav-panel-item-color-active: var(--rt-color-text-inverse);
+  --rt-nav-panel-item-color-bg-active: var(--rt-color-action-primary);
+  --rt-nav-panel-group-font-size: var(--rt-text-xs);
+  --rt-nav-panel-group-font-weight: var(--rt-font-weight-medium);
+  /* Заголовок группы светлее пункта, и оба берут порог контраста на белой панели.
+     Отношения обеих пар считает проверка тёмной темы; таблица замера — на странице
+     «Colors» витрины. */
+  --rt-nav-panel-group-color: var(--rt-neutral-600);
+  --rt-nav-panel-group-content-gap: var(--rt-space-2);
+  /* Маркер непросмотренного. Точка стоит в потоке следом за подписью — и в ряду
+     разделов, и в панели, и на узком экране: место ей даёт общий зазор
+     содержимого пункта. */
+  --rt-nav-caret-size: var(--rt-size-3);
+  --rt-nav-marker-size: var(--rt-size-1);
+  --rt-nav-marker-color: var(--rt-color-state-danger);
+  /* Вкладки (rt-tabs). Полоса выбранной вкладки переезжает на новую, а панель
+     меняется сдвигом по направлению перехода. Сдвиг панели в своём виде кита выключен
+     нулевой длительностью: содержимое вкладки сменяется на месте, как раньше. */
+  --rt-tabs-indicator-duration: var(--rt-duration-base);
+  --rt-tabs-indicator-easing: ease-out;
+  --rt-tabs-panel-duration: 0ms;
+  --rt-tabs-panel-easing: ease-out;
+  /* Прокрутка полосы вкладок стрелками и к выбранной вкладке. */
+  --rt-tabs-scroll-duration: var(--rt-duration-base);
+  --rt-tabs-scroll-easing: ease-out;
   /* Подложки */
   --rt-color-bg-page: var(--rt-mat-neutral-5);
-  --rt-color-bg-surface: var(--mat-sys-surface, var(--rt-mat-neutral-0));
+  --rt-color-bg-surface: var(--rt-sys-surface, var(--rt-mat-neutral-0));
   --rt-color-bg-surface-subtle: var(--rt-mat-overlay-black-4);
-  --rt-color-bg-surface-subtle-2: var(--mat-form-field-filled-container-color, var(--mat-sys-surface-variant, var(--rt-mat-neutral-15)));
+  --rt-color-bg-surface-subtle-2: var(--rt-field-filled-container-color, var(--rt-sys-surface-variant, var(--rt-mat-neutral-15)));
   --rt-color-bg-hover: var(--rt-mat-neutral-10);
   --rt-color-bg-subtle: var(--rt-mat-neutral-10);
   --rt-color-bg-overlay: var(--rt-mat-overlay-black-32);
-  --rt-color-bg-inverse: var(--mat-sys-inverse-surface, var(--rt-mat-neutral-100));
-  --rt-color-bg-nav: var(--mat-sys-primary, var(--rt-mat-navy-100)); /* марка первого кита: обвязка тёмная в обоих наборах */
+  --rt-color-bg-inverse: var(--rt-sys-inverse-surface, var(--rt-mat-neutral-100));
+  --rt-color-bg-nav: var(--rt-sys-primary, var(--rt-mat-navy-100)); /* марка первого кита: обвязка тёмная в обоих наборах */
   --rt-color-bg-page-auth: var(--rt-mat-neutral-5);
   --rt-color-bg-surface-auth-card: var(--rt-mat-neutral-0);
   /* Текст */
-  --rt-color-text-primary: var(--mat-sys-on-surface, var(--rt-mat-neutral-100));
+  --rt-color-text-primary: var(--rt-sys-on-surface, var(--rt-mat-neutral-100));
   --rt-color-text-muted: var(--rt-mat-neutral-60);
-  --rt-color-text-disabled: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-100)) 38%, transparent);
-  --rt-color-text-inverse: var(--mat-sys-inverse-on-surface, var(--rt-mat-neutral-0));
-  --rt-color-text-link: var(--mat-sys-primary, var(--rt-mat-blue-100));
-  --rt-color-text-link-hover: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
+  --rt-color-text-disabled: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-100)) 38%, transparent);
+  --rt-color-text-inverse: var(--rt-sys-inverse-on-surface, var(--rt-mat-neutral-0));
+  --rt-color-text-link: var(--rt-sys-primary, var(--rt-mat-blue-100));
+  --rt-color-text-link-hover: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
   /* Рамки */
   --rt-color-border-default: var(--rt-mat-neutral-25);
   --rt-color-border-strong: var(--rt-mat-neutral-30);
   --rt-color-border-subtle: var(--rt-mat-neutral-20);
   --rt-color-border-focus: var(--rt-mat-blue-40); /* кольцо фокуса первого кита светлее его действия */
   /* Действие: подложка, наведение, нажатие, подпись на них и цвет роли на поверхности */
-  --rt-color-action-primary: var(--mat-sys-primary, var(--rt-mat-blue-100));
-  --rt-color-action-primary-hover: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
-  --rt-color-action-primary-active: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 80%, #000);
-  --rt-color-action-primary-subtle: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 8%, transparent);
-  --rt-color-action-primary-soft: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 24%, transparent);
+  --rt-color-action-primary: var(--rt-sys-primary, var(--rt-mat-blue-100));
+  --rt-color-action-primary-hover: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
+  --rt-color-action-primary-active: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 80%, #000);
+  --rt-color-action-primary-subtle: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 8%, transparent);
+  --rt-color-action-primary-soft: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 24%, transparent);
   --rt-color-action-on-primary: var(--rt-mat-neutral-0);
   --rt-color-action-secondary: var(--rt-mat-neutral-60);
   --rt-color-action-secondary-hover: var(--rt-mat-neutral-hover);
@@ -3056,15 +3296,15 @@ html.rt-theme-dark {
   --rt-color-action-warning-hover: var(--rt-mat-orange-hover);
   --rt-color-action-warning-active: var(--rt-mat-orange-active);
   --rt-color-action-on-warning: var(--rt-mat-neutral-0);
-  --rt-color-action-danger: var(--mat-sys-error, var(--rt-mat-red-100));
-  --rt-color-action-danger-hover: color-mix(in srgb, var(--mat-sys-error, var(--rt-mat-red-100)) 90%, #000);
-  --rt-color-action-danger-active: color-mix(in srgb, var(--mat-sys-error, var(--rt-mat-red-100)) 80%, #000);
+  --rt-color-action-danger: var(--rt-sys-error, var(--rt-mat-red-100));
+  --rt-color-action-danger-hover: color-mix(in srgb, var(--rt-sys-error, var(--rt-mat-red-100)) 90%, #000);
+  --rt-color-action-danger-active: color-mix(in srgb, var(--rt-sys-error, var(--rt-mat-red-100)) 80%, #000);
   --rt-color-action-on-danger: var(--rt-mat-neutral-0);
-  --rt-color-action-info: var(--mat-sys-primary, var(--rt-mat-blue-100));
-  --rt-color-action-info-hover: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
-  --rt-color-action-info-active: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 80%, #000);
+  --rt-color-action-info: var(--rt-sys-primary, var(--rt-mat-blue-100));
+  --rt-color-action-info-hover: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
+  --rt-color-action-info-active: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 80%, #000);
   --rt-color-action-on-info: var(--rt-mat-neutral-0);
-  --rt-color-action-disabled: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
+  --rt-color-action-disabled: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
   /* Состояния: цвет роли и её светлая подложка */
   --rt-color-state-success: var(--rt-mat-green-100);
   --rt-color-state-success-bg: var(--rt-mat-green-10);
@@ -3072,11 +3312,11 @@ html.rt-theme-dark {
   --rt-color-state-warning: var(--rt-mat-orange-100);
   --rt-color-state-warning-bg: var(--rt-mat-orange-5);
   --rt-color-state-warning-text: var(--rt-mat-orange-100);
-  --rt-color-state-danger: var(--mat-sys-error, var(--rt-mat-red-100));
-  --rt-color-state-danger-bg: var(--mat-sys-error-container, var(--rt-mat-red-10));
-  --rt-color-state-error-text: var(--mat-sys-error, var(--rt-mat-red-100));
-  --rt-color-state-info: var(--mat-sys-primary, var(--rt-mat-blue-100));
-  --rt-color-state-info-bg: var(--mat-sys-primary-container, var(--rt-mat-blue-20));
+  --rt-color-state-danger: var(--rt-sys-error, var(--rt-mat-red-100));
+  --rt-color-state-danger-bg: var(--rt-sys-error-container, var(--rt-mat-red-10));
+  --rt-color-state-error-text: var(--rt-sys-error, var(--rt-mat-red-100));
+  --rt-color-state-info: var(--rt-sys-primary, var(--rt-mat-blue-100));
+  --rt-color-state-info-bg: var(--rt-sys-primary-container, var(--rt-mat-blue-20));
   /* Рельса шагов */
   --rt-color-stepper-track: var(--rt-mat-neutral-30);
   /* Заглушка загрузки: краски те же, что набор давал ей прежде через подложку и
@@ -3084,27 +3324,27 @@ html.rt-theme-dark {
   --rt-color-skeleton-base: var(--rt-mat-neutral-10);
   --rt-color-skeleton-wave: var(--rt-mat-neutral-25);
   /* Шапка таблицы первого кита залита тем же цветом, что залитое поле Material. */
-  --rt-color-table-head-bg: var(--mat-form-field-filled-container-color, var(--mat-sys-surface-variant, var(--rt-mat-overlay-black-4)));
+  --rt-color-table-head-bg: var(--rt-field-filled-container-color, var(--rt-sys-surface-variant, var(--rt-mat-overlay-black-4)));
   /* Черта снизу у залитого поля Material — цвет on-surface-variant темы. */
-  --rt-color-field-fill-underline: var(--mat-sys-on-surface-variant, var(--rt-mat-neutral-30));
+  --rt-color-field-fill-underline: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-30));
   /* Поиск списка первого кита — обведённое или залитое поле Material при плотности −1:
      52px, скругление 4px, рамка цвета outline темы, внутри прозрачное. Ступени 52px нет, высота собрана из ступени
      xl без ступени 1. */
   --rt-list-search-height: calc(var(--rt-control-height-xl) - var(--rt-space-1));
   --rt-list-search-radius: var(--rt-radius-sm);
-  --rt-list-search-color-border: var(--mat-sys-outline, var(--rt-mat-neutral-25));
+  --rt-list-search-color-border: var(--rt-sys-outline, var(--rt-mat-neutral-25));
   --rt-list-search-color-bg: transparent;
   --rt-list-search-width: calc(var(--rt-size-64) + var(--rt-size-24));
   --rt-list-search-padding-x: calc(var(--rt-space-2) + var(--rt-space-1) - var(--rt-border-width-thin));
   --rt-list-search-gap: var(--rt-space-4);
   --rt-list-search-font-size: var(--rt-text-md);
   --rt-list-search-icon-size: var(--rt-size-6);
-  --rt-list-search-icon-color: var(--mat-sys-on-surface-variant, var(--rt-mat-neutral-60));
-  --rt-list-search-color-placeholder: var(--mat-sys-on-surface-variant, var(--rt-mat-neutral-60));
+  --rt-list-search-icon-color: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-60));
+  --rt-list-search-color-placeholder: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-60));
   /* Панель настройки колонок первого кита: плашка колонки залита цветом выбранного пункта
      Material, значки — в тоне on-surface-variant темы. Сняты с панели на витрине первого кита. */
-  --rt-list-settings-item-bg: var(--mat-option-selected-state-layer-color, var(--mat-sys-secondary-container, var(--rt-mat-neutral-10)));
-  --rt-list-settings-icon-color: var(--mat-sys-on-surface-variant, var(--rt-mat-neutral-60));
+  --rt-list-settings-item-bg: var(--rt-option-selected-state-layer-color, var(--rt-sys-secondary-container, var(--rt-mat-neutral-10)));
+  --rt-list-settings-icon-color: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-60));
   /* Кнопки действий панели списка — mat-mini-fab первого кита: круг без заливки с подъёмом 6,
      под указателем подъём 8 и тёмный значок вместо серого; значок 24px, промежуток 16px. */
   --rt-list-action-gap: var(--rt-space-md);
@@ -3115,16 +3355,16 @@ html.rt-theme-dark {
   --rt-list-action-icon-size: var(--rt-size-6);
   --rt-list-action-color: var(--rt-mat-neutral-60);
   --rt-list-table-icon-size: var(--rt-size-6);
-  --rt-list-table-icon-color: var(--mat-sys-on-surface-variant, var(--rt-mat-neutral-60));
-  --rt-list-table-head-divider-color: var(--mat-sys-outline, var(--rt-mat-neutral-30));
+  --rt-list-table-icon-color: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-60));
+  --rt-list-table-head-divider-color: var(--rt-sys-outline, var(--rt-mat-neutral-30));
   --rt-list-table-button-size: calc(var(--rt-size-8) + var(--rt-size-1));
   --rt-list-table-button-radius: var(--rt-radius-full);
   --rt-list-copy-button-size: var(--rt-size-6);
   --rt-list-copy-button-radius: var(--rt-mat-radius-5);
   --rt-list-settings-item-radius: var(--rt-mat-radius-5);
   --rt-list-filter-line-height: var(--rt-size-6);
-  --rt-list-copy-button-bg: var(--mat-fab-small-container-color, var(--rt-mat-neutral-0));
-  --rt-list-copy-button-bg-hover: var(--mat-fab-small-container-color, var(--rt-mat-neutral-0));
+  --rt-list-copy-button-bg: var(--rt-fab-small-container-color, var(--rt-mat-neutral-0));
+  --rt-list-copy-button-bg-hover: var(--rt-fab-small-container-color, var(--rt-mat-neutral-0));
   --rt-list-copy-button-color: var(--rt-mat-neutral-60);
   --rt-list-action-color-hover: var(--rt-mat-neutral-100);
   --rt-list-action-color-bg-hover: transparent;
@@ -3178,23 +3418,23 @@ html.rt-theme-dark {
      скруглён только снизу, подсказка 4px без тени. Тень — подъём 2 Material, как у mat-menu и
      mat-select. */
   --rt-overlay-menu-radius: var(--rt-mat-radius-4);
-  --rt-overlay-menu-shadow: var(--mat-sys-level2, var(--rt-mat-shadow-level-2));
+  --rt-overlay-menu-shadow: var(--rt-sys-level2, var(--rt-mat-shadow-level-2));
   --rt-overlay-select-radius: 0 0 var(--rt-mat-radius-4) var(--rt-mat-radius-4);
-  --rt-overlay-select-shadow: var(--mat-sys-level2, var(--rt-mat-shadow-level-2));
+  --rt-overlay-select-shadow: var(--rt-sys-level2, var(--rt-mat-shadow-level-2));
   --rt-overlay-tooltip-radius: var(--rt-mat-radius-4);
   --rt-overlay-tooltip-shadow: none;
   /* Меню строки — mat-menu первого кита: фон контейнера Material, отступ 8px сверху и снизу,
      подписи весом 500, опасный пункт красным первого кита. Выпадающий список — mat-select: пункты
      16px, выбранный — фон текста 12% без жирного и с галочкой. */
-  --rt-overlay-menu-bg: var(--mat-menu-container-color, var(--rt-mat-neutral-0));
+  --rt-overlay-menu-bg: var(--rt-menu-container-color, var(--rt-mat-neutral-0));
   --rt-overlay-menu-padding-y: var(--rt-space-sm);
   --rt-overlay-menu-item-weight: var(--rt-font-weight-medium);
   --rt-overlay-menu-danger-color: var(--rt-mat-red-100);
   --rt-overlay-select-option-font-size: var(--rt-text-md);
-  --rt-overlay-select-selected-bg: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
+  --rt-overlay-select-selected-bg: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
   --rt-overlay-select-selected-weight: var(--rt-font-weight-regular);
   --rt-overlay-select-check-display: inline-flex;
-  --rt-overlay-menu-current-bg: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
+  --rt-overlay-menu-current-bg: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
   --rt-overlay-menu-min-width: var(--rt-mat-menu-min-width);
   --rt-overlay-menu-item-min-height: var(--rt-size-12);
   --rt-overlay-menu-item-padding-y: 0px;
@@ -3208,6 +3448,78 @@ html.rt-theme-dark {
   --rt-icon-button-disabled-opacity: 1;
   --rt-icon-button-disabled-color: var(--rt-color-text-disabled);
   --rt-icon-button-disabled-fill: 0%;
+  /* Обведённое поле Material: прозрачное, рамка цвета outline темы, фокус — рамка в два
+     пикселя цветом марки без внешнего кольца. Вторая линия рамки фокуса — внутренняя тень. */
+  --rt-input-color-bg: transparent;
+  --rt-input-color-border: var(--rt-sys-outline, var(--rt-mat-neutral-60));
+  --rt-input-focus-shadow: inset 0 0 0 1px var(--rt-input-color-border-focus);
+  --rt-input-focus-shadow-error: inset 0 0 0 1px var(--rt-input-color-border-error);
+  /* Размер поля Material: 56 px при плотности 0 и на 4 px меньше за каждый шаг, значение 16 px.
+     Шаг приходит свойством `--rt-input-density`, которое ставит атрибут `data-rt-density` на поле
+     или на любом предке, — правила в `_density.scss`. Высота считается здесь, на узле с признаком
+     набора, из унаследованного шага: атрибут на корне приложения доходит и до поля со своим
+     признаком набора. Своя высота приложения — `--rt-input-height-app` на любом предке; она сильнее
+     плотности и не перебивается набором на самом поле. */
+  --rt-input-height-md: var(
+      --rt-input-height-app,
+      calc(var(--rt-size-12) + var(--rt-size-2) - var(--rt-input-density) * var(--rt-size-1))
+  );
+  --rt-input-height: var(--rt-input-height-md);
+  /* Крупная ступень `size` не ниже средней высоты набора: 48 px кита под набором вышли бы ниже
+     поля по умолчанию (56 px). Малая ступень остаётся ступенью кита — по ней стоят поиск списка и
+     правка на месте. */
+  --rt-input-height-lg: max(var(--rt-control-height-lg), var(--rt-input-height-md));
+  --rt-input-font-size: var(--rt-text-md);
+  /* Подсказка, подпись в покое, значки и стрелка поля — цвета on-surface-variant темы Material,
+     каретка — цвета марки, значки 24 px, как у поля Material. Без темы Material цвета прежние. */
+  --rt-input-color-text-placeholder: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-60));
+  --rt-input-icon-color: var(--rt-sys-on-surface-variant, var(--rt-neutral-600));
+  --rt-input-icon-size: var(--rt-size-6);
+  --rt-input-caret-color: var(--rt-color-action-primary);
+  /* Отключённое поле Material: поле не тускнеет целиком — рамка on-surface 12%, текст и
+     подсказка on-surface 38%. */
+  --rt-input-disabled-field-opacity: 1;
+  --rt-input-color-border-disabled: var(--rt-color-action-disabled);
+  --rt-input-color-text-disabled: var(--rt-color-text-disabled);
+  --rt-input-color-placeholder-disabled: var(--rt-color-text-disabled);
+  --rt-input-color-bg-disabled: transparent;
+  /* Крестик очистки — крестик первого кита: 19 px, значок 12 px, серый, в 8 px от края поля и в
+     4 px от текста. Отступ от края считается от правого поля в 4 px, как у поля Material с крестиком. */
+  --rt-input-clear-size: 19px;
+  --rt-input-clear-icon-size: var(--rt-size-3);
+  --rt-input-clear-color: var(--rt-mat-neutral-60);
+  --rt-input-clear-offset-end: calc(var(--rt-space-2) - var(--rt-space-1));
+  --rt-input-clear-offset-start: calc(var(--rt-space-1) - var(--rt-input-gap));
+  --rt-input-fill-color-bg-disabled: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-100)) 4%, transparent);
+  --rt-input-clear-bg: var(--rt-mat-neutral-25);
+  --rt-input-clear-bg-hover: var(--rt-input-clear-bg);
+  --rt-input-clear-radius: var(--rt-radius-full);
+  /* Залитое поле Material: рамки сверху и по бокам нет, только черта снизу; в фокусе черта
+     вдвое толще цветом марки, у недействительного поля — цветом ошибки. */
+  --rt-input-fill-edge: 0px;
+  --rt-input-fill-focus-shadow: inset 0 -1px 0 0 var(--rt-input-color-border-focus);
+  --rt-input-fill-focus-shadow-error: inset 0 -1px 0 0 var(--rt-input-color-border-error);
+  /* Звёздочка обязательного поля — цвета подписи, как у поля Material; цвет ошибки она берёт
+     только у недействительного поля, правилом самого поля. */
+  --rt-field-required-color: currentcolor;
+  --rt-field-required-gap: 0px;
+  /* Строка под полем — строка подсказки Material: 16 px высотой и 4 px над ней. */
+  --rt-field-messages-line-height: var(--rt-size-4);
+  --rt-field-messages-padding-top: var(--rt-space-1);
+  /* Группа переключателей видом «чипы» — фильтр-чип Material: обводка цвета outline темы,
+     выбранный залит secondary-container, отключённый — текст 38 %, обводка 12 %. Обводку и цвет
+     текста у выбранного задаёт лист чипов: своё имя каждому стоило бы по разу на тему, набор и
+     островок, а начальный пакет приложения-образца стоит у порога. */
+  --rt-toggle-chip-color-border: var(--rt-sys-outline, var(--rt-mat-neutral-60));
+  --rt-toggle-chip-color-text: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-70));
+  --rt-toggle-chip-color-bg-selected: var(--rt-sys-secondary-container, var(--rt-mat-neutral-25));
+  /* Вкладки: полоса и панель движутся, как у вкладок Material, — полсекунды с той же кривой. */
+  --rt-tabs-indicator-duration: var(--rt-duration-slower);
+  --rt-tabs-indicator-easing: cubic-bezier(0.35, 0, 0.25, 1);
+  --rt-tabs-panel-duration: var(--rt-duration-slower);
+  --rt-tabs-panel-easing: cubic-bezier(0.35, 0, 0.25, 1);
+  --rt-tabs-scroll-duration: var(--rt-duration-slower);
+  --rt-tabs-scroll-easing: cubic-bezier(0.35, 0, 0.25, 1);
 }
 @media (pointer: coarse) {
   [data-preset=material]:not(:root),
@@ -3454,6 +3766,11 @@ html.rt-theme-dark .rt-preset-material {
   --rt-input-icon-color: var(--rt-neutral-600);
   --rt-input-icon-size: var(--rt-size-4);
   --rt-input-gap: var(--rt-space-sm);
+  --rt-input-caret-color: auto;
+  --rt-input-min-width: 0px;
+  --rt-input-fill-edge: var(--rt-input-border-width);
+  --rt-input-fill-focus-shadow: var(--rt-input-focus-shadow);
+  --rt-input-fill-focus-shadow-error: var(--rt-input-focus-shadow-error);
   /* Sizes (single-line height scale) */
   --rt-input-height-sm: var(--rt-control-height-sm);
   --rt-input-height-md: var(--rt-control-height-md);
@@ -3469,160 +3786,90 @@ html.rt-theme-dark .rt-preset-material {
   --rt-list-search-radius: var(--rt-input-radius);
   --rt-list-search-color-border: var(--rt-input-color-border);
   --rt-list-search-color-bg: var(--rt-input-color-bg);
-  --rt-list-search-width: var(--rt-size-60);
-  --rt-list-search-padding-x: var(--rt-input-padding-x);
-  --rt-list-search-gap: var(--rt-input-gap);
-  --rt-list-search-font-size: var(--rt-input-font-size);
-  --rt-list-search-icon-size: var(--rt-input-icon-size);
-  --rt-list-search-icon-color: var(--rt-input-icon-color);
-  --rt-list-search-color-placeholder: var(--rt-input-color-text-placeholder);
-  /* Панель настройки колонок списка — заливка плашки колонки и тон значков на ней.
-     Свой вид берёт подложку и приглушённый текст; материальный набор отдаёт их теме. */
-  --rt-list-settings-item-bg: var(--rt-color-bg-subtle);
-  --rt-list-settings-icon-color: var(--rt-color-text-muted);
-  /* Скругление контрола — назначение, а не ступень на месте. Кнопка, поле ввода и
-     всё, что стоит с ними в строке, берут его отсюда: набор оформления живёт слоем
-     назначений и до ступени, взятой компонентом напрямую, не достаёт. */
-  --rt-radius-control: var(--rt-radius-lg);
-  /* Radius / spacing / border */
-  --rt-input-radius: var(--rt-radius-control);
-  --rt-input-padding-x: var(--rt-space-4);
-  --rt-input-padding-y: var(--rt-space-0);
-  --rt-input-border-width: var(--rt-border-width-thin);
-  --rt-input-focus-outline-offset: var(--rt-border-width-thin);
-  /* Typography */
-  --rt-input-font-size: var(--rt-text-sm);
-  --rt-input-line-height: var(--rt-leading-snug);
-  /* State / motion */
-  --rt-input-disabled-opacity: var(--rt-opacity-disabled);
-  --rt-input-focus-shadow: var(--rt-shadow-focus-ring);
-  --rt-input-focus-shadow-error: var(--rt-shadow-focus-ring-danger);
-  --rt-input-transition: border-color var(--rt-duration-fast) ease, box-shadow var(--rt-duration-fast) ease;
-  /* Textarea overrides (multi-line) */
-  --rt-textarea-min-height-sm: var(--rt-control-textarea-min-height-sm);
-  --rt-textarea-min-height-md: var(--rt-control-textarea-min-height-md);
-  --rt-textarea-min-height-lg: var(--rt-control-textarea-min-height-lg);
-  --rt-textarea-min-height: var(--rt-textarea-min-height-md);
-  --rt-textarea-padding-y: var(--rt-space-sm);
-  --rt-textarea-line-height: var(--rt-leading-snug);
-  /* Dropdown panel (select / multiselect / autocomplete popup). */
-  --rt-input-panel-max-height: var(--rt-control-panel-max-height);
-  /* Icon-button hover-overlay — отдельный namespace (вне input-family),
-     тот же primitive-источник. */
-  --rt-icon-button-color-bg-hover: var(--rt-overlay-black-4);
-  /* Counter (rt-counter) и строка вокруг него (rt-counter-row). Значение
-     набирается табличными цифрами и держит ширину, иначе кнопки прыгают
-     при переходе через десяток. */
-  --rt-counter-gap: var(--rt-space-sm);
-  --rt-counter-value-min-width: var(--rt-size-6);
-  --rt-counter-value-font-size: var(--rt-text-md);
-  --rt-counter-value-color: var(--rt-color-text-primary);
-  --rt-counter-row-gap: var(--rt-space-md);
-  --rt-counter-row-padding-y: var(--rt-space-md);
-  --rt-counter-row-color-border: var(--rt-color-border-subtle);
-  --rt-counter-row-label-font-size: var(--rt-text-md);
-  --rt-counter-row-label-color: var(--rt-color-text-primary);
-  --rt-counter-row-hint-font-size: var(--rt-text-sm);
-  --rt-counter-row-hint-color: var(--rt-color-text-muted);
-  /* Toggle-switch (rt-toggle-switch) — трек, бегунок и иконки состояния. */
-  --rt-toggle-color-track: var(--rt-color-bg-surface-subtle-2);
-  --rt-toggle-color-track-on: var(--rt-color-action-primary);
-  --rt-toggle-color-border: var(--rt-color-border-strong);
-  --rt-toggle-color-thumb: var(--rt-color-bg-surface);
-  --rt-toggle-color-icon: var(--rt-amber-400); /* rt-theme-shared: янтарь иконки один в обеих темах */
-  --rt-toggle-shadow-thumb: var(--rt-shadow-md);
-  /* Рамка off-трека — inset-тенью, а не border: у border своя коробка, и
-     отступы бегунка с иконками пришлось бы пересчитывать на её толщину. */
-  --rt-toggle-shadow-border: inset 0 0 0 var(--rt-border-width-thin) var(--rt-toggle-color-border);
-  /* Навигация (rt-page-header). Шапка — отдельная плашка; отступ от краёв
-     страницы задаёт тот, кто её ставит. */
-  --rt-nav-header-padding: var(--rt-space-2) var(--rt-space-4);
-  --rt-nav-header-color-bg: var(--rt-neutral-50);
-  /* Первый уровень. Пункт ряда несёт плашку цвета самой шапки: на общем фоне её
-     не видно, и белым проступает только активный раздел. Наведение красит
-     подпись, а не фон — иначе оно спорит с этой подсветкой. */
-  --rt-nav-item-height: var(--rt-size-6);
-  --rt-nav-item-gap: var(--rt-space-1);
-  --rt-nav-item-padding: var(--rt-space-2) var(--rt-space-2);
-  --rt-nav-item-content-gap: var(--rt-space-2);
-  --rt-nav-item-font-size: var(--rt-text-sm);
-  --rt-nav-item-font-weight: var(--rt-font-weight-semibold);
-  --rt-nav-item-line-height: var(--rt-leading-none);
-  --rt-nav-item-color: var(--rt-color-text-primary);
-  --rt-nav-item-color-hover: var(--rt-color-action-primary);
-  --rt-nav-item-color-pressed: var(--rt-color-action-primary-hover);
-  --rt-nav-item-color-bg: var(--rt-neutral-50);
-  --rt-nav-item-color-border: var(--rt-neutral-50);
-  --rt-nav-item-color-bg-active: var(--rt-color-bg-surface);
-  --rt-nav-item-color-caret: var(--rt-neutral-200);
-  /* Фокус обведён пунктиром: сплошная рамка на плашке пункта неотличима от его
-     же границы. */
-  --rt-nav-color-focus: var(--rt-color-action-primary);
-  /* Недоступный пункт светлее доступного, а не другого оттенка: общий
-     `text-disabled` уходит в сине-стальной и рядом с серой подписью читается
-     как второй цвет, а не как выключенное состояние. */
-  --rt-nav-color-disabled: var(--rt-neutral-300);
-  /* Попап профиля. Подложку берёт у панели навигации, своего здесь — габариты
-     блока пользователя, тень и набор строк: строк четыре, и они читаются как
-     список действий, а не как выпадающее меню. */
-  --rt-profile-menu-min-width: var(--rt-size-60);
-  --rt-profile-menu-padding: var(--rt-space-5);
-  --rt-profile-menu-shadow: var(--rt-shadow-profile-menu);
-  --rt-profile-menu-border-width: var(--rt-border-width-thin);
-  --rt-profile-menu-radius: var(--rt-radius-md);
-  --rt-profile-avatar-size: var(--rt-size-10);
-  --rt-profile-avatar-font-size: var(--rt-text-2xl);
-  --rt-profile-avatar-border-width: var(--rt-border-width-medium);
-  --rt-profile-avatar-radius: var(--rt-radius-full);
-  --rt-profile-item-padding-y: var(--rt-space-4);
-  --rt-profile-item-content-gap: var(--rt-space-2);
-  --rt-profile-item-font-size: var(--rt-text-md);
-  --rt-profile-item-font-weight: var(--rt-font-weight-medium);
-  --rt-profile-item-radius: var(--rt-radius-md);
-  /* Строки выступают за содержимое панели на половину её отступа: так
-     подсветка на наведении не упирается в рамку, а иконка остаётся на одной
-     вертикали с содержимым. Это же число — горизонтальный отступ строки. */
-  --rt-profile-row-inset: var(--rt-space-2);
-  --rt-profile-theme-icon-padding: var(--rt-space-2);
-  --rt-profile-theme-icon-radius: var(--rt-radius-full);
-  /* Габариты панели второго уровня: ширина считается числом колонок, поэтому
-     колонка, промежуток и внутренний отступ — токены, из которых панель
-     складывает свою ширину. По вертикали отступ крупнее: у первой группы над
-     заголовком нет ничего, и панель иначе начинается впритык. */
-  --rt-nav-panel-column-width: var(--rt-size-60);
-  --rt-nav-panel-column-gap: var(--rt-space-5);
-  --rt-nav-panel-padding: var(--rt-space-4);
-  --rt-nav-panel-padding-y: var(--rt-space-md);
-  --rt-nav-panel-group-gap: var(--rt-space-8);
-  --rt-nav-panel-item-gap: var(--rt-space-0-5);
-  --rt-nav-panel-item-height: var(--rt-size-6);
-  --rt-nav-panel-item-padding: var(--rt-space-1) var(--rt-space-2);
-  --rt-nav-panel-columns: 1;
-  --rt-nav-panel-color-bg: var(--rt-color-bg-surface);
-  --rt-nav-panel-color-border: var(--rt-neutral-200);
-  --rt-nav-panel-shadow: var(--rt-shadow-nav-panel);
-  /* Второй уровень набран легче первого: ряд разделов держит вес, а полтора
-     десятка пунктов под ним читаются построчно. */
-  --rt-nav-panel-item-font-size: var(--rt-text-sm);
-  --rt-nav-panel-item-font-weight: var(--rt-font-weight-medium);
-  --rt-nav-panel-item-content-gap: var(--rt-space-1);
-  --rt-nav-panel-item-color: var(--rt-neutral-600);
-  --rt-nav-panel-item-color-bg-hover: var(--rt-neutral-50);
-  --rt-nav-panel-item-color-active: var(--rt-color-text-inverse);
-  --rt-nav-panel-item-color-bg-active: var(--rt-color-action-primary);
-  --rt-nav-panel-group-font-size: var(--rt-text-xs);
-  --rt-nav-panel-group-font-weight: var(--rt-font-weight-medium);
-  /* Заголовок группы светлее пункта, и оба берут порог контраста на белой панели.
-     Отношения обеих пар считает проверка тёмной темы; таблица замера — на странице
-     «Colors» витрины. */
-  --rt-nav-panel-group-color: var(--rt-neutral-600);
-  --rt-nav-panel-group-content-gap: var(--rt-space-2);
-  /* Маркер непросмотренного. Точка стоит в потоке следом за подписью — и в ряду
-     разделов, и в панели, и на узком экране: место ей даёт общий зазор
-     содержимого пункта. */
-  --rt-nav-caret-size: var(--rt-size-3);
-  --rt-nav-marker-size: var(--rt-size-1);
-  --rt-nav-marker-color: var(--rt-color-state-danger);
+  --rt-list-search-width: var(--rt-size-60);
+  --rt-list-search-padding-x: var(--rt-input-padding-x);
+  --rt-list-search-gap: var(--rt-input-gap);
+  --rt-list-search-font-size: var(--rt-input-font-size);
+  --rt-list-search-icon-size: var(--rt-input-icon-size);
+  --rt-list-search-icon-color: var(--rt-input-icon-color);
+  --rt-list-search-color-placeholder: var(--rt-input-color-text-placeholder);
+  /* Панель настройки колонок списка — заливка плашки колонки и тон значков на ней.
+     Свой вид берёт подложку и приглушённый текст; материальный набор отдаёт их теме. */
+  --rt-list-settings-item-bg: var(--rt-color-bg-subtle);
+  --rt-list-settings-icon-color: var(--rt-color-text-muted);
+  /* Скругление контрола — назначение, а не ступень на месте. Кнопка, поле ввода и
+     всё, что стоит с ними в строке, берут его отсюда: набор оформления живёт слоем
+     назначений и до ступени, взятой компонентом напрямую, не достаёт. */
+  --rt-radius-control: var(--rt-radius-lg);
+  /* Radius / spacing / border */
+  --rt-input-radius: var(--rt-radius-control);
+  --rt-input-padding-x: var(--rt-space-4);
+  --rt-input-padding-y: var(--rt-space-0);
+  --rt-input-border-width: var(--rt-border-width-thin);
+  --rt-input-focus-outline-offset: var(--rt-border-width-thin);
+  /* Typography */
+  --rt-input-font-size: var(--rt-text-sm);
+  --rt-input-line-height: var(--rt-leading-snug);
+  /* State / motion */
+  --rt-input-disabled-opacity: var(--rt-opacity-disabled);
+  --rt-input-disabled-field-opacity: var(--rt-input-disabled-opacity);
+  --rt-input-color-border-disabled: var(--rt-input-color-border);
+  --rt-input-color-text-disabled: var(--rt-input-color-text);
+  --rt-input-color-placeholder-disabled: var(--rt-input-color-text-placeholder);
+  --rt-input-clear-size: var(--rt-control-height-sm);
+  --rt-input-clear-icon-size: var(--rt-size-4);
+  --rt-input-clear-color: var(--rt-neutral-600);
+  --rt-input-clear-offset-end: 0px;
+  --rt-input-clear-bg: transparent;
+  --rt-input-clear-bg-hover: var(--rt-icon-button-color-bg-hover);
+  --rt-input-clear-radius: var(--rt-radius-md);
+  --rt-input-clear-offset-start: 0px;
+  --rt-input-fill-color-bg-disabled: var(--rt-color-bg-surface-subtle-2);
+  --rt-input-focus-shadow: var(--rt-shadow-focus-ring);
+  --rt-input-focus-shadow-error: var(--rt-shadow-focus-ring-danger);
+  --rt-input-transition: border-color var(--rt-duration-fast) ease, box-shadow var(--rt-duration-fast) ease;
+  /* Textarea overrides (multi-line) */
+  --rt-textarea-min-height-sm: var(--rt-control-textarea-min-height-sm);
+  --rt-textarea-min-height-md: var(--rt-control-textarea-min-height-md);
+  --rt-textarea-min-height-lg: var(--rt-control-textarea-min-height-lg);
+  --rt-textarea-min-height: var(--rt-textarea-min-height-md);
+  --rt-textarea-padding-y: var(--rt-space-sm);
+  --rt-textarea-line-height: var(--rt-leading-snug);
+  /* Dropdown panel (select / multiselect / autocomplete popup). */
+  --rt-input-panel-max-height: var(--rt-control-panel-max-height);
+  /* Icon-button hover-overlay — отдельный namespace (вне input-family),
+     тот же primitive-источник. */
+  --rt-icon-button-color-bg-hover: var(--rt-overlay-black-4);
+  /* Counter (rt-counter) и строка вокруг него (rt-counter-row). Значение
+     набирается табличными цифрами и держит ширину, иначе кнопки прыгают
+     при переходе через десяток. */
+  --rt-counter-gap: var(--rt-space-sm);
+  --rt-counter-value-min-width: var(--rt-size-6);
+  --rt-counter-value-font-size: var(--rt-text-md);
+  --rt-counter-value-color: var(--rt-color-text-primary);
+  --rt-counter-row-gap: var(--rt-space-md);
+  --rt-counter-row-padding-y: var(--rt-space-md);
+  --rt-counter-row-color-border: var(--rt-color-border-subtle);
+  --rt-counter-row-label-font-size: var(--rt-text-md);
+  --rt-counter-row-label-color: var(--rt-color-text-primary);
+  --rt-counter-row-hint-font-size: var(--rt-text-sm);
+  --rt-counter-row-hint-color: var(--rt-color-text-muted);
+  /* Toggle-switch (rt-toggle-switch) — трек, бегунок и иконки состояния. */
+  --rt-toggle-color-track: var(--rt-color-bg-surface-subtle-2);
+  --rt-toggle-color-track-on: var(--rt-color-action-primary);
+  --rt-toggle-color-border: var(--rt-color-border-strong);
+  --rt-toggle-color-thumb: var(--rt-color-bg-surface);
+  --rt-toggle-color-icon: var(--rt-amber-400); /* rt-theme-shared: янтарь иконки один в обеих темах */
+  --rt-toggle-shadow-thumb: var(--rt-shadow-md);
+  /* Рамка off-трека — inset-тенью, а не border: у border своя коробка, и
+     отступы бегунка с иконками пришлось бы пересчитывать на её толщину. */
+  --rt-toggle-shadow-border: inset 0 0 0 var(--rt-border-width-thin) var(--rt-toggle-color-border);
+  /* Группа переключателей видом «чипы»: отдельные пункты с обводкой. Цвета — здесь, на корне:
+     они не зависят от размера группы; размеры объявлены на самом хосте группы. Выбранный пункт
+     в своём виде кита — мягкая марка, обводка у него та же, что у невыбранного. */
+  --rt-toggle-chip-color-border: var(--rt-color-border-default);
+  --rt-toggle-chip-color-text: var(--rt-color-text-muted);
+  --rt-toggle-chip-color-bg-selected: var(--rt-color-action-primary-subtle);
   /* Form field (rt-field) — обёртка анатомии поля: label / help / hint / error /
      required-маркер / read-only значение. Визуал label+hint в стиле Tailwind
      form (мелкий medium label, muted hint). Компоненты потребляют только эти
@@ -3635,8 +3882,11 @@ html.rt-theme-dark .rt-preset-material {
   --rt-field-hint-font-size: var(--rt-text-xs);
   --rt-field-hint-color: var(--rt-color-text-muted);
   --rt-field-error-font-size: var(--rt-text-xs);
+  --rt-field-messages-line-height: normal;
+  --rt-field-messages-padding-top: 0px;
   --rt-field-error-color: var(--rt-color-state-danger);
   --rt-field-required-color: var(--rt-color-state-danger);
+  --rt-field-required-gap: var(--rt-space-1);
   --rt-field-value-font-size: var(--rt-text-sm);
   --rt-field-value-color: var(--rt-color-text-primary);
   --rt-field-value-empty-color: var(--rt-color-text-muted);
@@ -3715,36 +3965,135 @@ html.rt-theme-dark .rt-preset-material {
   --rt-list-filter-line-height: var(--rt-leading-none);
   --rt-list-placeholder-min-height: var(--rt-size-60);
   --rt-list-placeholder-grow: 1;
+  /* Навигация (rt-page-header). Шапка — отдельная плашка; отступ от краёв
+     страницы задаёт тот, кто её ставит. */
+  --rt-nav-header-padding: var(--rt-space-2) var(--rt-space-4);
+  --rt-nav-header-color-bg: var(--rt-neutral-50);
+  /* Первый уровень. Пункт ряда несёт плашку цвета самой шапки: на общем фоне её
+     не видно, и белым проступает только активный раздел. Наведение красит
+     подпись, а не фон — иначе оно спорит с этой подсветкой. */
+  --rt-nav-item-height: var(--rt-size-6);
+  --rt-nav-item-gap: var(--rt-space-1);
+  --rt-nav-item-padding: var(--rt-space-2) var(--rt-space-2);
+  --rt-nav-item-content-gap: var(--rt-space-2);
+  --rt-nav-item-font-size: var(--rt-text-sm);
+  --rt-nav-item-font-weight: var(--rt-font-weight-semibold);
+  --rt-nav-item-line-height: var(--rt-leading-none);
+  --rt-nav-item-color: var(--rt-color-text-primary);
+  --rt-nav-item-color-hover: var(--rt-color-action-primary);
+  --rt-nav-item-color-pressed: var(--rt-color-action-primary-hover);
+  --rt-nav-item-color-bg: var(--rt-neutral-50);
+  --rt-nav-item-color-border: var(--rt-neutral-50);
+  --rt-nav-item-color-bg-active: var(--rt-color-bg-surface);
+  --rt-nav-item-color-caret: var(--rt-neutral-200);
+  /* Фокус обведён пунктиром: сплошная рамка на плашке пункта неотличима от его
+     же границы. */
+  --rt-nav-color-focus: var(--rt-color-action-primary);
+  /* Недоступный пункт светлее доступного, а не другого оттенка: общий
+     `text-disabled` уходит в сине-стальной и рядом с серой подписью читается
+     как второй цвет, а не как выключенное состояние. */
+  --rt-nav-color-disabled: var(--rt-neutral-300);
+  /* Попап профиля. Подложку берёт у панели навигации, своего здесь — габариты
+     блока пользователя, тень и набор строк: строк четыре, и они читаются как
+     список действий, а не как выпадающее меню. */
+  --rt-profile-menu-min-width: var(--rt-size-60);
+  --rt-profile-menu-padding: var(--rt-space-5);
+  --rt-profile-menu-shadow: var(--rt-shadow-profile-menu);
+  --rt-profile-menu-border-width: var(--rt-border-width-thin);
+  --rt-profile-menu-radius: var(--rt-radius-md);
+  --rt-profile-avatar-size: var(--rt-size-10);
+  --rt-profile-avatar-font-size: var(--rt-text-2xl);
+  --rt-profile-avatar-border-width: var(--rt-border-width-medium);
+  --rt-profile-avatar-radius: var(--rt-radius-full);
+  --rt-profile-item-padding-y: var(--rt-space-4);
+  --rt-profile-item-content-gap: var(--rt-space-2);
+  --rt-profile-item-font-size: var(--rt-text-md);
+  --rt-profile-item-font-weight: var(--rt-font-weight-medium);
+  --rt-profile-item-radius: var(--rt-radius-md);
+  /* Строки выступают за содержимое панели на половину её отступа: так
+     подсветка на наведении не упирается в рамку, а иконка остаётся на одной
+     вертикали с содержимым. Это же число — горизонтальный отступ строки. */
+  --rt-profile-row-inset: var(--rt-space-2);
+  --rt-profile-theme-icon-padding: var(--rt-space-2);
+  --rt-profile-theme-icon-radius: var(--rt-radius-full);
+  /* Габариты панели второго уровня: ширина считается числом колонок, поэтому
+     колонка, промежуток и внутренний отступ — токены, из которых панель
+     складывает свою ширину. По вертикали отступ крупнее: у первой группы над
+     заголовком нет ничего, и панель иначе начинается впритык. */
+  --rt-nav-panel-column-width: var(--rt-size-60);
+  --rt-nav-panel-column-gap: var(--rt-space-5);
+  --rt-nav-panel-padding: var(--rt-space-4);
+  --rt-nav-panel-padding-y: var(--rt-space-md);
+  --rt-nav-panel-group-gap: var(--rt-space-8);
+  --rt-nav-panel-item-gap: var(--rt-space-0-5);
+  --rt-nav-panel-item-height: var(--rt-size-6);
+  --rt-nav-panel-item-padding: var(--rt-space-1) var(--rt-space-2);
+  --rt-nav-panel-columns: 1;
+  --rt-nav-panel-color-bg: var(--rt-color-bg-surface);
+  --rt-nav-panel-color-border: var(--rt-neutral-200);
+  --rt-nav-panel-shadow: var(--rt-shadow-nav-panel);
+  /* Второй уровень набран легче первого: ряд разделов держит вес, а полтора
+     десятка пунктов под ним читаются построчно. */
+  --rt-nav-panel-item-font-size: var(--rt-text-sm);
+  --rt-nav-panel-item-font-weight: var(--rt-font-weight-medium);
+  --rt-nav-panel-item-content-gap: var(--rt-space-1);
+  --rt-nav-panel-item-color: var(--rt-neutral-600);
+  --rt-nav-panel-item-color-bg-hover: var(--rt-neutral-50);
+  --rt-nav-panel-item-color-active: var(--rt-color-text-inverse);
+  --rt-nav-panel-item-color-bg-active: var(--rt-color-action-primary);
+  --rt-nav-panel-group-font-size: var(--rt-text-xs);
+  --rt-nav-panel-group-font-weight: var(--rt-font-weight-medium);
+  /* Заголовок группы светлее пункта, и оба берут порог контраста на белой панели.
+     Отношения обеих пар считает проверка тёмной темы; таблица замера — на странице
+     «Colors» витрины. */
+  --rt-nav-panel-group-color: var(--rt-neutral-600);
+  --rt-nav-panel-group-content-gap: var(--rt-space-2);
+  /* Маркер непросмотренного. Точка стоит в потоке следом за подписью — и в ряду
+     разделов, и в панели, и на узком экране: место ей даёт общий зазор
+     содержимого пункта. */
+  --rt-nav-caret-size: var(--rt-size-3);
+  --rt-nav-marker-size: var(--rt-size-1);
+  --rt-nav-marker-color: var(--rt-color-state-danger);
+  /* Вкладки (rt-tabs). Полоса выбранной вкладки переезжает на новую, а панель
+     меняется сдвигом по направлению перехода. Сдвиг панели в своём виде кита выключен
+     нулевой длительностью: содержимое вкладки сменяется на месте, как раньше. */
+  --rt-tabs-indicator-duration: var(--rt-duration-base);
+  --rt-tabs-indicator-easing: ease-out;
+  --rt-tabs-panel-duration: 0ms;
+  --rt-tabs-panel-easing: ease-out;
+  /* Прокрутка полосы вкладок стрелками и к выбранной вкладке. */
+  --rt-tabs-scroll-duration: var(--rt-duration-base);
+  --rt-tabs-scroll-easing: ease-out;
   /* Подложки */
   --rt-color-bg-page: var(--rt-mat-neutral-5);
-  --rt-color-bg-surface: var(--mat-sys-surface, var(--rt-mat-neutral-0));
+  --rt-color-bg-surface: var(--rt-sys-surface, var(--rt-mat-neutral-0));
   --rt-color-bg-surface-subtle: var(--rt-mat-overlay-black-4);
-  --rt-color-bg-surface-subtle-2: var(--mat-form-field-filled-container-color, var(--mat-sys-surface-variant, var(--rt-mat-neutral-15)));
+  --rt-color-bg-surface-subtle-2: var(--rt-field-filled-container-color, var(--rt-sys-surface-variant, var(--rt-mat-neutral-15)));
   --rt-color-bg-hover: var(--rt-mat-neutral-10);
   --rt-color-bg-subtle: var(--rt-mat-neutral-10);
   --rt-color-bg-overlay: var(--rt-mat-overlay-black-32);
-  --rt-color-bg-inverse: var(--mat-sys-inverse-surface, var(--rt-mat-neutral-100));
-  --rt-color-bg-nav: var(--mat-sys-primary, var(--rt-mat-navy-100)); /* марка первого кита: обвязка тёмная в обоих наборах */
+  --rt-color-bg-inverse: var(--rt-sys-inverse-surface, var(--rt-mat-neutral-100));
+  --rt-color-bg-nav: var(--rt-sys-primary, var(--rt-mat-navy-100)); /* марка первого кита: обвязка тёмная в обоих наборах */
   --rt-color-bg-page-auth: var(--rt-mat-neutral-5);
   --rt-color-bg-surface-auth-card: var(--rt-mat-neutral-0);
   /* Текст */
-  --rt-color-text-primary: var(--mat-sys-on-surface, var(--rt-mat-neutral-100));
+  --rt-color-text-primary: var(--rt-sys-on-surface, var(--rt-mat-neutral-100));
   --rt-color-text-muted: var(--rt-mat-neutral-60);
-  --rt-color-text-disabled: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-100)) 38%, transparent);
-  --rt-color-text-inverse: var(--mat-sys-inverse-on-surface, var(--rt-mat-neutral-0));
-  --rt-color-text-link: var(--mat-sys-primary, var(--rt-mat-blue-100));
-  --rt-color-text-link-hover: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
+  --rt-color-text-disabled: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-100)) 38%, transparent);
+  --rt-color-text-inverse: var(--rt-sys-inverse-on-surface, var(--rt-mat-neutral-0));
+  --rt-color-text-link: var(--rt-sys-primary, var(--rt-mat-blue-100));
+  --rt-color-text-link-hover: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
   /* Рамки */
   --rt-color-border-default: var(--rt-mat-neutral-25);
   --rt-color-border-strong: var(--rt-mat-neutral-30);
   --rt-color-border-subtle: var(--rt-mat-neutral-20);
   --rt-color-border-focus: var(--rt-mat-blue-40); /* кольцо фокуса первого кита светлее его действия */
   /* Действие: подложка, наведение, нажатие, подпись на них и цвет роли на поверхности */
-  --rt-color-action-primary: var(--mat-sys-primary, var(--rt-mat-blue-100));
-  --rt-color-action-primary-hover: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
-  --rt-color-action-primary-active: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 80%, #000);
-  --rt-color-action-primary-subtle: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 8%, transparent);
-  --rt-color-action-primary-soft: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 24%, transparent);
+  --rt-color-action-primary: var(--rt-sys-primary, var(--rt-mat-blue-100));
+  --rt-color-action-primary-hover: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
+  --rt-color-action-primary-active: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 80%, #000);
+  --rt-color-action-primary-subtle: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 8%, transparent);
+  --rt-color-action-primary-soft: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 24%, transparent);
   --rt-color-action-on-primary: var(--rt-mat-neutral-0);
   --rt-color-action-secondary: var(--rt-mat-neutral-60);
   --rt-color-action-secondary-hover: var(--rt-mat-neutral-hover);
@@ -3759,15 +4108,15 @@ html.rt-theme-dark .rt-preset-material {
   --rt-color-action-warning-hover: var(--rt-mat-orange-hover);
   --rt-color-action-warning-active: var(--rt-mat-orange-active);
   --rt-color-action-on-warning: var(--rt-mat-neutral-0);
-  --rt-color-action-danger: var(--mat-sys-error, var(--rt-mat-red-100));
-  --rt-color-action-danger-hover: color-mix(in srgb, var(--mat-sys-error, var(--rt-mat-red-100)) 90%, #000);
-  --rt-color-action-danger-active: color-mix(in srgb, var(--mat-sys-error, var(--rt-mat-red-100)) 80%, #000);
+  --rt-color-action-danger: var(--rt-sys-error, var(--rt-mat-red-100));
+  --rt-color-action-danger-hover: color-mix(in srgb, var(--rt-sys-error, var(--rt-mat-red-100)) 90%, #000);
+  --rt-color-action-danger-active: color-mix(in srgb, var(--rt-sys-error, var(--rt-mat-red-100)) 80%, #000);
   --rt-color-action-on-danger: var(--rt-mat-neutral-0);
-  --rt-color-action-info: var(--mat-sys-primary, var(--rt-mat-blue-100));
-  --rt-color-action-info-hover: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
-  --rt-color-action-info-active: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 80%, #000);
+  --rt-color-action-info: var(--rt-sys-primary, var(--rt-mat-blue-100));
+  --rt-color-action-info-hover: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
+  --rt-color-action-info-active: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 80%, #000);
   --rt-color-action-on-info: var(--rt-mat-neutral-0);
-  --rt-color-action-disabled: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
+  --rt-color-action-disabled: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
   /* Состояния: цвет роли и её светлая подложка */
   --rt-color-state-success: var(--rt-mat-green-100);
   --rt-color-state-success-bg: var(--rt-mat-green-10);
@@ -3775,11 +4124,11 @@ html.rt-theme-dark .rt-preset-material {
   --rt-color-state-warning: var(--rt-mat-orange-100);
   --rt-color-state-warning-bg: var(--rt-mat-orange-5);
   --rt-color-state-warning-text: var(--rt-mat-orange-100);
-  --rt-color-state-danger: var(--mat-sys-error, var(--rt-mat-red-100));
-  --rt-color-state-danger-bg: var(--mat-sys-error-container, var(--rt-mat-red-10));
-  --rt-color-state-error-text: var(--mat-sys-error, var(--rt-mat-red-100));
-  --rt-color-state-info: var(--mat-sys-primary, var(--rt-mat-blue-100));
-  --rt-color-state-info-bg: var(--mat-sys-primary-container, var(--rt-mat-blue-20));
+  --rt-color-state-danger: var(--rt-sys-error, var(--rt-mat-red-100));
+  --rt-color-state-danger-bg: var(--rt-sys-error-container, var(--rt-mat-red-10));
+  --rt-color-state-error-text: var(--rt-sys-error, var(--rt-mat-red-100));
+  --rt-color-state-info: var(--rt-sys-primary, var(--rt-mat-blue-100));
+  --rt-color-state-info-bg: var(--rt-sys-primary-container, var(--rt-mat-blue-20));
   /* Рельса шагов */
   --rt-color-stepper-track: var(--rt-mat-neutral-30);
   /* Заглушка загрузки: краски те же, что набор давал ей прежде через подложку и
@@ -3787,27 +4136,27 @@ html.rt-theme-dark .rt-preset-material {
   --rt-color-skeleton-base: var(--rt-mat-neutral-10);
   --rt-color-skeleton-wave: var(--rt-mat-neutral-25);
   /* Шапка таблицы первого кита залита тем же цветом, что залитое поле Material. */
-  --rt-color-table-head-bg: var(--mat-form-field-filled-container-color, var(--mat-sys-surface-variant, var(--rt-mat-overlay-black-4)));
+  --rt-color-table-head-bg: var(--rt-field-filled-container-color, var(--rt-sys-surface-variant, var(--rt-mat-overlay-black-4)));
   /* Черта снизу у залитого поля Material — цвет on-surface-variant темы. */
-  --rt-color-field-fill-underline: var(--mat-sys-on-surface-variant, var(--rt-mat-neutral-30));
+  --rt-color-field-fill-underline: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-30));
   /* Поиск списка первого кита — обведённое или залитое поле Material при плотности −1:
      52px, скругление 4px, рамка цвета outline темы, внутри прозрачное. Ступени 52px нет, высота собрана из ступени
      xl без ступени 1. */
   --rt-list-search-height: calc(var(--rt-control-height-xl) - var(--rt-space-1));
   --rt-list-search-radius: var(--rt-radius-sm);
-  --rt-list-search-color-border: var(--mat-sys-outline, var(--rt-mat-neutral-25));
+  --rt-list-search-color-border: var(--rt-sys-outline, var(--rt-mat-neutral-25));
   --rt-list-search-color-bg: transparent;
   --rt-list-search-width: calc(var(--rt-size-64) + var(--rt-size-24));
   --rt-list-search-padding-x: calc(var(--rt-space-2) + var(--rt-space-1) - var(--rt-border-width-thin));
   --rt-list-search-gap: var(--rt-space-4);
   --rt-list-search-font-size: var(--rt-text-md);
   --rt-list-search-icon-size: var(--rt-size-6);
-  --rt-list-search-icon-color: var(--mat-sys-on-surface-variant, var(--rt-mat-neutral-60));
-  --rt-list-search-color-placeholder: var(--mat-sys-on-surface-variant, var(--rt-mat-neutral-60));
+  --rt-list-search-icon-color: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-60));
+  --rt-list-search-color-placeholder: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-60));
   /* Панель настройки колонок первого кита: плашка колонки залита цветом выбранного пункта
      Material, значки — в тоне on-surface-variant темы. Сняты с панели на витрине первого кита. */
-  --rt-list-settings-item-bg: var(--mat-option-selected-state-layer-color, var(--mat-sys-secondary-container, var(--rt-mat-neutral-10)));
-  --rt-list-settings-icon-color: var(--mat-sys-on-surface-variant, var(--rt-mat-neutral-60));
+  --rt-list-settings-item-bg: var(--rt-option-selected-state-layer-color, var(--rt-sys-secondary-container, var(--rt-mat-neutral-10)));
+  --rt-list-settings-icon-color: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-60));
   /* Кнопки действий панели списка — mat-mini-fab первого кита: круг без заливки с подъёмом 6,
      под указателем подъём 8 и тёмный значок вместо серого; значок 24px, промежуток 16px. */
   --rt-list-action-gap: var(--rt-space-md);
@@ -3818,16 +4167,16 @@ html.rt-theme-dark .rt-preset-material {
   --rt-list-action-icon-size: var(--rt-size-6);
   --rt-list-action-color: var(--rt-mat-neutral-60);
   --rt-list-table-icon-size: var(--rt-size-6);
-  --rt-list-table-icon-color: var(--mat-sys-on-surface-variant, var(--rt-mat-neutral-60));
-  --rt-list-table-head-divider-color: var(--mat-sys-outline, var(--rt-mat-neutral-30));
+  --rt-list-table-icon-color: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-60));
+  --rt-list-table-head-divider-color: var(--rt-sys-outline, var(--rt-mat-neutral-30));
   --rt-list-table-button-size: calc(var(--rt-size-8) + var(--rt-size-1));
   --rt-list-table-button-radius: var(--rt-radius-full);
   --rt-list-copy-button-size: var(--rt-size-6);
   --rt-list-copy-button-radius: var(--rt-mat-radius-5);
   --rt-list-settings-item-radius: var(--rt-mat-radius-5);
   --rt-list-filter-line-height: var(--rt-size-6);
-  --rt-list-copy-button-bg: var(--mat-fab-small-container-color, var(--rt-mat-neutral-0));
-  --rt-list-copy-button-bg-hover: var(--mat-fab-small-container-color, var(--rt-mat-neutral-0));
+  --rt-list-copy-button-bg: var(--rt-fab-small-container-color, var(--rt-mat-neutral-0));
+  --rt-list-copy-button-bg-hover: var(--rt-fab-small-container-color, var(--rt-mat-neutral-0));
   --rt-list-copy-button-color: var(--rt-mat-neutral-60);
   --rt-list-action-color-hover: var(--rt-mat-neutral-100);
   --rt-list-action-color-bg-hover: transparent;
@@ -3881,23 +4230,23 @@ html.rt-theme-dark .rt-preset-material {
      скруглён только снизу, подсказка 4px без тени. Тень — подъём 2 Material, как у mat-menu и
      mat-select. */
   --rt-overlay-menu-radius: var(--rt-mat-radius-4);
-  --rt-overlay-menu-shadow: var(--mat-sys-level2, var(--rt-mat-shadow-level-2));
+  --rt-overlay-menu-shadow: var(--rt-sys-level2, var(--rt-mat-shadow-level-2));
   --rt-overlay-select-radius: 0 0 var(--rt-mat-radius-4) var(--rt-mat-radius-4);
-  --rt-overlay-select-shadow: var(--mat-sys-level2, var(--rt-mat-shadow-level-2));
+  --rt-overlay-select-shadow: var(--rt-sys-level2, var(--rt-mat-shadow-level-2));
   --rt-overlay-tooltip-radius: var(--rt-mat-radius-4);
   --rt-overlay-tooltip-shadow: none;
   /* Меню строки — mat-menu первого кита: фон контейнера Material, отступ 8px сверху и снизу,
      подписи весом 500, опасный пункт красным первого кита. Выпадающий список — mat-select: пункты
      16px, выбранный — фон текста 12% без жирного и с галочкой. */
-  --rt-overlay-menu-bg: var(--mat-menu-container-color, var(--rt-mat-neutral-0));
+  --rt-overlay-menu-bg: var(--rt-menu-container-color, var(--rt-mat-neutral-0));
   --rt-overlay-menu-padding-y: var(--rt-space-sm);
   --rt-overlay-menu-item-weight: var(--rt-font-weight-medium);
   --rt-overlay-menu-danger-color: var(--rt-mat-red-100);
   --rt-overlay-select-option-font-size: var(--rt-text-md);
-  --rt-overlay-select-selected-bg: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
+  --rt-overlay-select-selected-bg: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
   --rt-overlay-select-selected-weight: var(--rt-font-weight-regular);
   --rt-overlay-select-check-display: inline-flex;
-  --rt-overlay-menu-current-bg: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
+  --rt-overlay-menu-current-bg: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
   --rt-overlay-menu-min-width: var(--rt-mat-menu-min-width);
   --rt-overlay-menu-item-min-height: var(--rt-size-12);
   --rt-overlay-menu-item-padding-y: 0px;
@@ -3911,6 +4260,78 @@ html.rt-theme-dark .rt-preset-material {
   --rt-icon-button-disabled-opacity: 1;
   --rt-icon-button-disabled-color: var(--rt-color-text-disabled);
   --rt-icon-button-disabled-fill: 0%;
+  /* Обведённое поле Material: прозрачное, рамка цвета outline темы, фокус — рамка в два
+     пикселя цветом марки без внешнего кольца. Вторая линия рамки фокуса — внутренняя тень. */
+  --rt-input-color-bg: transparent;
+  --rt-input-color-border: var(--rt-sys-outline, var(--rt-mat-neutral-60));
+  --rt-input-focus-shadow: inset 0 0 0 1px var(--rt-input-color-border-focus);
+  --rt-input-focus-shadow-error: inset 0 0 0 1px var(--rt-input-color-border-error);
+  /* Размер поля Material: 56 px при плотности 0 и на 4 px меньше за каждый шаг, значение 16 px.
+     Шаг приходит свойством `--rt-input-density`, которое ставит атрибут `data-rt-density` на поле
+     или на любом предке, — правила в `_density.scss`. Высота считается здесь, на узле с признаком
+     набора, из унаследованного шага: атрибут на корне приложения доходит и до поля со своим
+     признаком набора. Своя высота приложения — `--rt-input-height-app` на любом предке; она сильнее
+     плотности и не перебивается набором на самом поле. */
+  --rt-input-height-md: var(
+      --rt-input-height-app,
+      calc(var(--rt-size-12) + var(--rt-size-2) - var(--rt-input-density) * var(--rt-size-1))
+  );
+  --rt-input-height: var(--rt-input-height-md);
+  /* Крупная ступень `size` не ниже средней высоты набора: 48 px кита под набором вышли бы ниже
+     поля по умолчанию (56 px). Малая ступень остаётся ступенью кита — по ней стоят поиск списка и
+     правка на месте. */
+  --rt-input-height-lg: max(var(--rt-control-height-lg), var(--rt-input-height-md));
+  --rt-input-font-size: var(--rt-text-md);
+  /* Подсказка, подпись в покое, значки и стрелка поля — цвета on-surface-variant темы Material,
+     каретка — цвета марки, значки 24 px, как у поля Material. Без темы Material цвета прежние. */
+  --rt-input-color-text-placeholder: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-60));
+  --rt-input-icon-color: var(--rt-sys-on-surface-variant, var(--rt-neutral-600));
+  --rt-input-icon-size: var(--rt-size-6);
+  --rt-input-caret-color: var(--rt-color-action-primary);
+  /* Отключённое поле Material: поле не тускнеет целиком — рамка on-surface 12%, текст и
+     подсказка on-surface 38%. */
+  --rt-input-disabled-field-opacity: 1;
+  --rt-input-color-border-disabled: var(--rt-color-action-disabled);
+  --rt-input-color-text-disabled: var(--rt-color-text-disabled);
+  --rt-input-color-placeholder-disabled: var(--rt-color-text-disabled);
+  --rt-input-color-bg-disabled: transparent;
+  /* Крестик очистки — крестик первого кита: 19 px, значок 12 px, серый, в 8 px от края поля и в
+     4 px от текста. Отступ от края считается от правого поля в 4 px, как у поля Material с крестиком. */
+  --rt-input-clear-size: 19px;
+  --rt-input-clear-icon-size: var(--rt-size-3);
+  --rt-input-clear-color: var(--rt-mat-neutral-60);
+  --rt-input-clear-offset-end: calc(var(--rt-space-2) - var(--rt-space-1));
+  --rt-input-clear-offset-start: calc(var(--rt-space-1) - var(--rt-input-gap));
+  --rt-input-fill-color-bg-disabled: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-100)) 4%, transparent);
+  --rt-input-clear-bg: var(--rt-mat-neutral-25);
+  --rt-input-clear-bg-hover: var(--rt-input-clear-bg);
+  --rt-input-clear-radius: var(--rt-radius-full);
+  /* Залитое поле Material: рамки сверху и по бокам нет, только черта снизу; в фокусе черта
+     вдвое толще цветом марки, у недействительного поля — цветом ошибки. */
+  --rt-input-fill-edge: 0px;
+  --rt-input-fill-focus-shadow: inset 0 -1px 0 0 var(--rt-input-color-border-focus);
+  --rt-input-fill-focus-shadow-error: inset 0 -1px 0 0 var(--rt-input-color-border-error);
+  /* Звёздочка обязательного поля — цвета подписи, как у поля Material; цвет ошибки она берёт
+     только у недействительного поля, правилом самого поля. */
+  --rt-field-required-color: currentcolor;
+  --rt-field-required-gap: 0px;
+  /* Строка под полем — строка подсказки Material: 16 px высотой и 4 px над ней. */
+  --rt-field-messages-line-height: var(--rt-size-4);
+  --rt-field-messages-padding-top: var(--rt-space-1);
+  /* Группа переключателей видом «чипы» — фильтр-чип Material: обводка цвета outline темы,
+     выбранный залит secondary-container, отключённый — текст 38 %, обводка 12 %. Обводку и цвет
+     текста у выбранного задаёт лист чипов: своё имя каждому стоило бы по разу на тему, набор и
+     островок, а начальный пакет приложения-образца стоит у порога. */
+  --rt-toggle-chip-color-border: var(--rt-sys-outline, var(--rt-mat-neutral-60));
+  --rt-toggle-chip-color-text: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-70));
+  --rt-toggle-chip-color-bg-selected: var(--rt-sys-secondary-container, var(--rt-mat-neutral-25));
+  /* Вкладки: полоса и панель движутся, как у вкладок Material, — полсекунды с той же кривой. */
+  --rt-tabs-indicator-duration: var(--rt-duration-slower);
+  --rt-tabs-indicator-easing: cubic-bezier(0.35, 0, 0.25, 1);
+  --rt-tabs-panel-duration: var(--rt-duration-slower);
+  --rt-tabs-panel-easing: cubic-bezier(0.35, 0, 0.25, 1);
+  --rt-tabs-scroll-duration: var(--rt-duration-slower);
+  --rt-tabs-scroll-easing: cubic-bezier(0.35, 0, 0.25, 1);
   /* The Material colours of the page are resolved dark under the kit's dark theme. */
   color-scheme: dark;
   /* Background — тёплый графит */
@@ -3961,6 +4382,14 @@ html.rt-theme-dark .rt-preset-material {
   --rt-pagination-field-color-bg: var(--rt-input-color-bg);
   --rt-pagination-field-color-text: var(--rt-input-color-text);
   --rt-input-icon-color: var(--rt-neutral-600);
+  --rt-input-clear-color: var(--rt-neutral-600);
+  --rt-input-clear-bg: transparent;
+  --rt-input-clear-bg-hover: var(--rt-icon-button-color-bg-hover);
+  --rt-toggle-chip-color-border: var(--rt-color-border-default);
+  --rt-toggle-chip-color-text: var(--rt-color-text-muted);
+  --rt-toggle-chip-color-bg-selected: var(--rt-color-action-primary-subtle);
+  --rt-input-fill-color-bg-disabled: var(--rt-color-bg-surface-subtle-2);
+  --rt-input-color-text-placeholder: var(--rt-color-text-muted);
   /* Stepper — в dark рельса уходит от яркого синего к приглушённому серо-синему
      (текущий шаг остаётся янтарным из light-семантики). */
   --rt-color-stepper-track: var(--rt-navy-600);
@@ -4049,42 +4478,49 @@ html.rt-theme-dark .rt-preset-material {
   /* Skeleton — заглушка загрузки: покой и гребень волны. */
   --rt-color-skeleton-base: var(--rt-charcoal-950);
   --rt-color-skeleton-wave: var(--rt-charcoal-border);
-  --rt-color-bg-surface: var(--mat-sys-surface, var(--rt-charcoal-800));
-  --rt-color-bg-surface-subtle-2: var(--mat-form-field-filled-container-color, var(--mat-sys-surface-variant, var(--rt-charcoal-950)));
-  --rt-color-bg-inverse: var(--mat-sys-inverse-surface, var(--rt-neutral-0));
-  --rt-color-text-primary: var(--mat-sys-on-surface, var(--rt-neutral-50));
-  --rt-color-text-disabled: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-0)) 38%, transparent);
-  --rt-color-text-inverse: var(--mat-sys-inverse-on-surface, var(--rt-neutral-900));
-  --rt-color-text-link: var(--mat-sys-primary, var(--rt-brand-300));
+  --rt-color-bg-surface: var(--rt-sys-surface, var(--rt-charcoal-800));
+  --rt-color-bg-surface-subtle-2: var(--rt-field-filled-container-color, var(--rt-sys-surface-variant, var(--rt-charcoal-950)));
+  --rt-color-bg-inverse: var(--rt-sys-inverse-surface, var(--rt-neutral-0));
+  --rt-color-text-primary: var(--rt-sys-on-surface, var(--rt-neutral-50));
+  --rt-color-text-disabled: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-0)) 38%, transparent);
+  --rt-color-text-inverse: var(--rt-sys-inverse-on-surface, var(--rt-neutral-900));
+  --rt-color-text-link: var(--rt-sys-primary, var(--rt-brand-300));
   --rt-color-border-subtle: var(--rt-mat-dark-20);
-  --rt-color-action-disabled: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-0)) 12%, transparent);
-  --rt-color-state-danger-bg: var(--mat-sys-error-container, color-mix(in srgb, var(--rt-danger-500) 12%, transparent));
-  --rt-color-state-error-text: var(--mat-sys-error, var(--rt-danger-500));
-  --rt-color-state-info-bg: var(--mat-sys-primary-container, color-mix(in srgb, var(--rt-info-500) 12%, transparent));
-  --rt-color-table-head-bg: var(
-      --mat-form-field-filled-container-color,
-      var(--mat-sys-surface-variant, var(--rt-color-bg-surface-subtle))
-  );
-  --rt-color-field-fill-underline: var(--mat-sys-on-surface-variant, var(--rt-color-border-strong));
-  --rt-list-search-color-border: var(--mat-sys-outline, var(--rt-input-color-border));
+  --rt-color-action-disabled: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-0)) 12%, transparent);
+  --rt-color-state-danger-bg: var(--rt-sys-error-container, color-mix(in srgb, var(--rt-danger-500) 12%, transparent));
+  --rt-color-state-error-text: var(--rt-sys-error, var(--rt-danger-500));
+  --rt-color-state-info-bg: var(--rt-sys-primary-container, color-mix(in srgb, var(--rt-info-500) 12%, transparent));
+  --rt-color-table-head-bg: var(--rt-field-filled-container-color, var(--rt-sys-surface-variant, var(--rt-color-bg-surface-subtle)));
+  --rt-color-field-fill-underline: var(--rt-sys-on-surface-variant, var(--rt-color-border-strong));
+  --rt-list-search-color-border: var(--rt-sys-outline, var(--rt-input-color-border));
   --rt-list-search-color-bg: transparent;
-  --rt-list-search-icon-color: var(--mat-sys-on-surface-variant, var(--rt-input-icon-color));
-  --rt-list-search-color-placeholder: var(--mat-sys-on-surface-variant, var(--rt-input-color-text-placeholder));
-  --rt-list-settings-item-bg: var(--mat-option-selected-state-layer-color, var(--mat-sys-secondary-container, var(--rt-color-bg-subtle)));
-  --rt-list-settings-icon-color: var(--mat-sys-on-surface-variant, var(--rt-color-text-muted));
-  --rt-list-table-icon-color: var(--mat-sys-on-surface-variant, var(--rt-color-text-primary));
-  --rt-list-table-head-divider-color: var(--mat-sys-outline, var(--rt-color-border-strong));
-  --rt-list-copy-button-bg: var(--mat-fab-small-container-color, transparent);
-  --rt-list-copy-button-bg-hover: var(--mat-fab-small-container-color, var(--rt-icon-button-color-bg-hover));
+  --rt-list-search-icon-color: var(--rt-sys-on-surface-variant, var(--rt-input-icon-color));
+  --rt-list-search-color-placeholder: var(--rt-sys-on-surface-variant, var(--rt-input-color-text-placeholder));
+  --rt-list-settings-item-bg: var(--rt-option-selected-state-layer-color, var(--rt-sys-secondary-container, var(--rt-color-bg-subtle)));
+  --rt-list-settings-icon-color: var(--rt-sys-on-surface-variant, var(--rt-color-text-muted));
+  --rt-list-table-icon-color: var(--rt-sys-on-surface-variant, var(--rt-color-text-primary));
+  --rt-list-table-head-divider-color: var(--rt-sys-outline, var(--rt-color-border-strong));
+  --rt-list-copy-button-bg: var(--rt-fab-small-container-color, transparent);
+  --rt-list-copy-button-bg-hover: var(--rt-fab-small-container-color, var(--rt-icon-button-color-bg-hover));
   --rt-pagination-box-color-border: var(--rt-mat-dark-30);
   --rt-pagination-box-color-text: var(--rt-mat-neutral-40);
   --rt-pagination-box-current-color-bg: var(--rt-mat-neutral-40);
   --rt-pagination-box-current-color-text: var(--rt-mat-neutral-0);
   --rt-pagination-box-current-color-border: var(--rt-mat-dark-30);
   --rt-pagination-arrow-shadow: inset 0 0 0 var(--rt-border-width-thin) var(--rt-mat-dark-30);
-  --rt-overlay-menu-bg: var(--mat-menu-container-color, var(--rt-color-bg-surface));
-  --rt-overlay-select-selected-bg: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-0)) 12%, transparent);
-  --rt-overlay-menu-current-bg: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-0)) 12%, transparent);
+  --rt-overlay-menu-bg: var(--rt-menu-container-color, var(--rt-color-bg-surface));
+  --rt-overlay-select-selected-bg: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-0)) 12%, transparent);
+  --rt-overlay-menu-current-bg: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-0)) 12%, transparent);
+  --rt-input-color-border: var(--rt-sys-outline, var(--rt-charcoal-border));
+  --rt-input-color-text-placeholder: var(--rt-sys-on-surface-variant, var(--rt-color-text-muted));
+  --rt-input-icon-color: var(--rt-sys-on-surface-variant, var(--rt-neutral-600));
+  --rt-input-clear-color: var(--rt-mat-neutral-40);
+  --rt-input-fill-color-bg-disabled: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-0)) 4%, transparent);
+  --rt-input-clear-bg: var(--rt-mat-neutral-70);
+  --rt-input-clear-bg-hover: var(--rt-input-clear-bg);
+  --rt-toggle-chip-color-border: var(--rt-sys-outline, var(--rt-mat-neutral-40));
+  --rt-toggle-chip-color-text: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-25));
+  --rt-toggle-chip-color-bg-selected: var(--rt-sys-secondary-container, var(--rt-mat-neutral-70));
 }
 @media (pointer: coarse) {
   [data-theme=dark] [data-preset=material],
@@ -4327,6 +4763,11 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-input-icon-color: var(--rt-neutral-600);
   --rt-input-icon-size: var(--rt-size-4);
   --rt-input-gap: var(--rt-space-sm);
+  --rt-input-caret-color: auto;
+  --rt-input-min-width: 0px;
+  --rt-input-fill-edge: var(--rt-input-border-width);
+  --rt-input-fill-focus-shadow: var(--rt-input-focus-shadow);
+  --rt-input-fill-focus-shadow-error: var(--rt-input-focus-shadow-error);
   /* Sizes (single-line height scale) */
   --rt-input-height-sm: var(--rt-control-height-sm);
   --rt-input-height-md: var(--rt-control-height-md);
@@ -4368,6 +4809,19 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-input-line-height: var(--rt-leading-snug);
   /* State / motion */
   --rt-input-disabled-opacity: var(--rt-opacity-disabled);
+  --rt-input-disabled-field-opacity: var(--rt-input-disabled-opacity);
+  --rt-input-color-border-disabled: var(--rt-input-color-border);
+  --rt-input-color-text-disabled: var(--rt-input-color-text);
+  --rt-input-color-placeholder-disabled: var(--rt-input-color-text-placeholder);
+  --rt-input-clear-size: var(--rt-control-height-sm);
+  --rt-input-clear-icon-size: var(--rt-size-4);
+  --rt-input-clear-color: var(--rt-neutral-600);
+  --rt-input-clear-offset-end: 0px;
+  --rt-input-clear-bg: transparent;
+  --rt-input-clear-bg-hover: var(--rt-icon-button-color-bg-hover);
+  --rt-input-clear-radius: var(--rt-radius-md);
+  --rt-input-clear-offset-start: 0px;
+  --rt-input-fill-color-bg-disabled: var(--rt-color-bg-surface-subtle-2);
   --rt-input-focus-shadow: var(--rt-shadow-focus-ring);
   --rt-input-focus-shadow-error: var(--rt-shadow-focus-ring-danger);
   --rt-input-transition: border-color var(--rt-duration-fast) ease, box-shadow var(--rt-duration-fast) ease;
@@ -4398,104 +4852,21 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-counter-row-hint-font-size: var(--rt-text-sm);
   --rt-counter-row-hint-color: var(--rt-color-text-muted);
   /* Toggle-switch (rt-toggle-switch) — трек, бегунок и иконки состояния. */
-  --rt-toggle-color-track: var(--rt-color-bg-surface-subtle-2);
-  --rt-toggle-color-track-on: var(--rt-color-action-primary);
-  --rt-toggle-color-border: var(--rt-color-border-strong);
-  --rt-toggle-color-thumb: var(--rt-color-bg-surface);
-  --rt-toggle-color-icon: var(--rt-amber-400); /* rt-theme-shared: янтарь иконки один в обеих темах */
-  --rt-toggle-shadow-thumb: var(--rt-shadow-md);
-  /* Рамка off-трека — inset-тенью, а не border: у border своя коробка, и
-     отступы бегунка с иконками пришлось бы пересчитывать на её толщину. */
-  --rt-toggle-shadow-border: inset 0 0 0 var(--rt-border-width-thin) var(--rt-toggle-color-border);
-  /* Навигация (rt-page-header). Шапка — отдельная плашка; отступ от краёв
-     страницы задаёт тот, кто её ставит. */
-  --rt-nav-header-padding: var(--rt-space-2) var(--rt-space-4);
-  --rt-nav-header-color-bg: var(--rt-neutral-50);
-  /* Первый уровень. Пункт ряда несёт плашку цвета самой шапки: на общем фоне её
-     не видно, и белым проступает только активный раздел. Наведение красит
-     подпись, а не фон — иначе оно спорит с этой подсветкой. */
-  --rt-nav-item-height: var(--rt-size-6);
-  --rt-nav-item-gap: var(--rt-space-1);
-  --rt-nav-item-padding: var(--rt-space-2) var(--rt-space-2);
-  --rt-nav-item-content-gap: var(--rt-space-2);
-  --rt-nav-item-font-size: var(--rt-text-sm);
-  --rt-nav-item-font-weight: var(--rt-font-weight-semibold);
-  --rt-nav-item-line-height: var(--rt-leading-none);
-  --rt-nav-item-color: var(--rt-color-text-primary);
-  --rt-nav-item-color-hover: var(--rt-color-action-primary);
-  --rt-nav-item-color-pressed: var(--rt-color-action-primary-hover);
-  --rt-nav-item-color-bg: var(--rt-neutral-50);
-  --rt-nav-item-color-border: var(--rt-neutral-50);
-  --rt-nav-item-color-bg-active: var(--rt-color-bg-surface);
-  --rt-nav-item-color-caret: var(--rt-neutral-200);
-  /* Фокус обведён пунктиром: сплошная рамка на плашке пункта неотличима от его
-     же границы. */
-  --rt-nav-color-focus: var(--rt-color-action-primary);
-  /* Недоступный пункт светлее доступного, а не другого оттенка: общий
-     `text-disabled` уходит в сине-стальной и рядом с серой подписью читается
-     как второй цвет, а не как выключенное состояние. */
-  --rt-nav-color-disabled: var(--rt-neutral-300);
-  /* Попап профиля. Подложку берёт у панели навигации, своего здесь — габариты
-     блока пользователя, тень и набор строк: строк четыре, и они читаются как
-     список действий, а не как выпадающее меню. */
-  --rt-profile-menu-min-width: var(--rt-size-60);
-  --rt-profile-menu-padding: var(--rt-space-5);
-  --rt-profile-menu-shadow: var(--rt-shadow-profile-menu);
-  --rt-profile-menu-border-width: var(--rt-border-width-thin);
-  --rt-profile-menu-radius: var(--rt-radius-md);
-  --rt-profile-avatar-size: var(--rt-size-10);
-  --rt-profile-avatar-font-size: var(--rt-text-2xl);
-  --rt-profile-avatar-border-width: var(--rt-border-width-medium);
-  --rt-profile-avatar-radius: var(--rt-radius-full);
-  --rt-profile-item-padding-y: var(--rt-space-4);
-  --rt-profile-item-content-gap: var(--rt-space-2);
-  --rt-profile-item-font-size: var(--rt-text-md);
-  --rt-profile-item-font-weight: var(--rt-font-weight-medium);
-  --rt-profile-item-radius: var(--rt-radius-md);
-  /* Строки выступают за содержимое панели на половину её отступа: так
-     подсветка на наведении не упирается в рамку, а иконка остаётся на одной
-     вертикали с содержимым. Это же число — горизонтальный отступ строки. */
-  --rt-profile-row-inset: var(--rt-space-2);
-  --rt-profile-theme-icon-padding: var(--rt-space-2);
-  --rt-profile-theme-icon-radius: var(--rt-radius-full);
-  /* Габариты панели второго уровня: ширина считается числом колонок, поэтому
-     колонка, промежуток и внутренний отступ — токены, из которых панель
-     складывает свою ширину. По вертикали отступ крупнее: у первой группы над
-     заголовком нет ничего, и панель иначе начинается впритык. */
-  --rt-nav-panel-column-width: var(--rt-size-60);
-  --rt-nav-panel-column-gap: var(--rt-space-5);
-  --rt-nav-panel-padding: var(--rt-space-4);
-  --rt-nav-panel-padding-y: var(--rt-space-md);
-  --rt-nav-panel-group-gap: var(--rt-space-8);
-  --rt-nav-panel-item-gap: var(--rt-space-0-5);
-  --rt-nav-panel-item-height: var(--rt-size-6);
-  --rt-nav-panel-item-padding: var(--rt-space-1) var(--rt-space-2);
-  --rt-nav-panel-columns: 1;
-  --rt-nav-panel-color-bg: var(--rt-color-bg-surface);
-  --rt-nav-panel-color-border: var(--rt-neutral-200);
-  --rt-nav-panel-shadow: var(--rt-shadow-nav-panel);
-  /* Второй уровень набран легче первого: ряд разделов держит вес, а полтора
-     десятка пунктов под ним читаются построчно. */
-  --rt-nav-panel-item-font-size: var(--rt-text-sm);
-  --rt-nav-panel-item-font-weight: var(--rt-font-weight-medium);
-  --rt-nav-panel-item-content-gap: var(--rt-space-1);
-  --rt-nav-panel-item-color: var(--rt-neutral-600);
-  --rt-nav-panel-item-color-bg-hover: var(--rt-neutral-50);
-  --rt-nav-panel-item-color-active: var(--rt-color-text-inverse);
-  --rt-nav-panel-item-color-bg-active: var(--rt-color-action-primary);
-  --rt-nav-panel-group-font-size: var(--rt-text-xs);
-  --rt-nav-panel-group-font-weight: var(--rt-font-weight-medium);
-  /* Заголовок группы светлее пункта, и оба берут порог контраста на белой панели.
-     Отношения обеих пар считает проверка тёмной темы; таблица замера — на странице
-     «Colors» витрины. */
-  --rt-nav-panel-group-color: var(--rt-neutral-600);
-  --rt-nav-panel-group-content-gap: var(--rt-space-2);
-  /* Маркер непросмотренного. Точка стоит в потоке следом за подписью — и в ряду
-     разделов, и в панели, и на узком экране: место ей даёт общий зазор
-     содержимого пункта. */
-  --rt-nav-caret-size: var(--rt-size-3);
-  --rt-nav-marker-size: var(--rt-size-1);
-  --rt-nav-marker-color: var(--rt-color-state-danger);
+  --rt-toggle-color-track: var(--rt-color-bg-surface-subtle-2);
+  --rt-toggle-color-track-on: var(--rt-color-action-primary);
+  --rt-toggle-color-border: var(--rt-color-border-strong);
+  --rt-toggle-color-thumb: var(--rt-color-bg-surface);
+  --rt-toggle-color-icon: var(--rt-amber-400); /* rt-theme-shared: янтарь иконки один в обеих темах */
+  --rt-toggle-shadow-thumb: var(--rt-shadow-md);
+  /* Рамка off-трека — inset-тенью, а не border: у border своя коробка, и
+     отступы бегунка с иконками пришлось бы пересчитывать на её толщину. */
+  --rt-toggle-shadow-border: inset 0 0 0 var(--rt-border-width-thin) var(--rt-toggle-color-border);
+  /* Группа переключателей видом «чипы»: отдельные пункты с обводкой. Цвета — здесь, на корне:
+     они не зависят от размера группы; размеры объявлены на самом хосте группы. Выбранный пункт
+     в своём виде кита — мягкая марка, обводка у него та же, что у невыбранного. */
+  --rt-toggle-chip-color-border: var(--rt-color-border-default);
+  --rt-toggle-chip-color-text: var(--rt-color-text-muted);
+  --rt-toggle-chip-color-bg-selected: var(--rt-color-action-primary-subtle);
   /* Form field (rt-field) — обёртка анатомии поля: label / help / hint / error /
      required-маркер / read-only значение. Визуал label+hint в стиле Tailwind
      form (мелкий medium label, muted hint). Компоненты потребляют только эти
@@ -4508,8 +4879,11 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-field-hint-font-size: var(--rt-text-xs);
   --rt-field-hint-color: var(--rt-color-text-muted);
   --rt-field-error-font-size: var(--rt-text-xs);
+  --rt-field-messages-line-height: normal;
+  --rt-field-messages-padding-top: 0px;
   --rt-field-error-color: var(--rt-color-state-danger);
   --rt-field-required-color: var(--rt-color-state-danger);
+  --rt-field-required-gap: var(--rt-space-1);
   --rt-field-value-font-size: var(--rt-text-sm);
   --rt-field-value-color: var(--rt-color-text-primary);
   --rt-field-value-empty-color: var(--rt-color-text-muted);
@@ -4588,36 +4962,135 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-list-filter-line-height: var(--rt-leading-none);
   --rt-list-placeholder-min-height: var(--rt-size-60);
   --rt-list-placeholder-grow: 1;
+  /* Навигация (rt-page-header). Шапка — отдельная плашка; отступ от краёв
+     страницы задаёт тот, кто её ставит. */
+  --rt-nav-header-padding: var(--rt-space-2) var(--rt-space-4);
+  --rt-nav-header-color-bg: var(--rt-neutral-50);
+  /* Первый уровень. Пункт ряда несёт плашку цвета самой шапки: на общем фоне её
+     не видно, и белым проступает только активный раздел. Наведение красит
+     подпись, а не фон — иначе оно спорит с этой подсветкой. */
+  --rt-nav-item-height: var(--rt-size-6);
+  --rt-nav-item-gap: var(--rt-space-1);
+  --rt-nav-item-padding: var(--rt-space-2) var(--rt-space-2);
+  --rt-nav-item-content-gap: var(--rt-space-2);
+  --rt-nav-item-font-size: var(--rt-text-sm);
+  --rt-nav-item-font-weight: var(--rt-font-weight-semibold);
+  --rt-nav-item-line-height: var(--rt-leading-none);
+  --rt-nav-item-color: var(--rt-color-text-primary);
+  --rt-nav-item-color-hover: var(--rt-color-action-primary);
+  --rt-nav-item-color-pressed: var(--rt-color-action-primary-hover);
+  --rt-nav-item-color-bg: var(--rt-neutral-50);
+  --rt-nav-item-color-border: var(--rt-neutral-50);
+  --rt-nav-item-color-bg-active: var(--rt-color-bg-surface);
+  --rt-nav-item-color-caret: var(--rt-neutral-200);
+  /* Фокус обведён пунктиром: сплошная рамка на плашке пункта неотличима от его
+     же границы. */
+  --rt-nav-color-focus: var(--rt-color-action-primary);
+  /* Недоступный пункт светлее доступного, а не другого оттенка: общий
+     `text-disabled` уходит в сине-стальной и рядом с серой подписью читается
+     как второй цвет, а не как выключенное состояние. */
+  --rt-nav-color-disabled: var(--rt-neutral-300);
+  /* Попап профиля. Подложку берёт у панели навигации, своего здесь — габариты
+     блока пользователя, тень и набор строк: строк четыре, и они читаются как
+     список действий, а не как выпадающее меню. */
+  --rt-profile-menu-min-width: var(--rt-size-60);
+  --rt-profile-menu-padding: var(--rt-space-5);
+  --rt-profile-menu-shadow: var(--rt-shadow-profile-menu);
+  --rt-profile-menu-border-width: var(--rt-border-width-thin);
+  --rt-profile-menu-radius: var(--rt-radius-md);
+  --rt-profile-avatar-size: var(--rt-size-10);
+  --rt-profile-avatar-font-size: var(--rt-text-2xl);
+  --rt-profile-avatar-border-width: var(--rt-border-width-medium);
+  --rt-profile-avatar-radius: var(--rt-radius-full);
+  --rt-profile-item-padding-y: var(--rt-space-4);
+  --rt-profile-item-content-gap: var(--rt-space-2);
+  --rt-profile-item-font-size: var(--rt-text-md);
+  --rt-profile-item-font-weight: var(--rt-font-weight-medium);
+  --rt-profile-item-radius: var(--rt-radius-md);
+  /* Строки выступают за содержимое панели на половину её отступа: так
+     подсветка на наведении не упирается в рамку, а иконка остаётся на одной
+     вертикали с содержимым. Это же число — горизонтальный отступ строки. */
+  --rt-profile-row-inset: var(--rt-space-2);
+  --rt-profile-theme-icon-padding: var(--rt-space-2);
+  --rt-profile-theme-icon-radius: var(--rt-radius-full);
+  /* Габариты панели второго уровня: ширина считается числом колонок, поэтому
+     колонка, промежуток и внутренний отступ — токены, из которых панель
+     складывает свою ширину. По вертикали отступ крупнее: у первой группы над
+     заголовком нет ничего, и панель иначе начинается впритык. */
+  --rt-nav-panel-column-width: var(--rt-size-60);
+  --rt-nav-panel-column-gap: var(--rt-space-5);
+  --rt-nav-panel-padding: var(--rt-space-4);
+  --rt-nav-panel-padding-y: var(--rt-space-md);
+  --rt-nav-panel-group-gap: var(--rt-space-8);
+  --rt-nav-panel-item-gap: var(--rt-space-0-5);
+  --rt-nav-panel-item-height: var(--rt-size-6);
+  --rt-nav-panel-item-padding: var(--rt-space-1) var(--rt-space-2);
+  --rt-nav-panel-columns: 1;
+  --rt-nav-panel-color-bg: var(--rt-color-bg-surface);
+  --rt-nav-panel-color-border: var(--rt-neutral-200);
+  --rt-nav-panel-shadow: var(--rt-shadow-nav-panel);
+  /* Второй уровень набран легче первого: ряд разделов держит вес, а полтора
+     десятка пунктов под ним читаются построчно. */
+  --rt-nav-panel-item-font-size: var(--rt-text-sm);
+  --rt-nav-panel-item-font-weight: var(--rt-font-weight-medium);
+  --rt-nav-panel-item-content-gap: var(--rt-space-1);
+  --rt-nav-panel-item-color: var(--rt-neutral-600);
+  --rt-nav-panel-item-color-bg-hover: var(--rt-neutral-50);
+  --rt-nav-panel-item-color-active: var(--rt-color-text-inverse);
+  --rt-nav-panel-item-color-bg-active: var(--rt-color-action-primary);
+  --rt-nav-panel-group-font-size: var(--rt-text-xs);
+  --rt-nav-panel-group-font-weight: var(--rt-font-weight-medium);
+  /* Заголовок группы светлее пункта, и оба берут порог контраста на белой панели.
+     Отношения обеих пар считает проверка тёмной темы; таблица замера — на странице
+     «Colors» витрины. */
+  --rt-nav-panel-group-color: var(--rt-neutral-600);
+  --rt-nav-panel-group-content-gap: var(--rt-space-2);
+  /* Маркер непросмотренного. Точка стоит в потоке следом за подписью — и в ряду
+     разделов, и в панели, и на узком экране: место ей даёт общий зазор
+     содержимого пункта. */
+  --rt-nav-caret-size: var(--rt-size-3);
+  --rt-nav-marker-size: var(--rt-size-1);
+  --rt-nav-marker-color: var(--rt-color-state-danger);
+  /* Вкладки (rt-tabs). Полоса выбранной вкладки переезжает на новую, а панель
+     меняется сдвигом по направлению перехода. Сдвиг панели в своём виде кита выключен
+     нулевой длительностью: содержимое вкладки сменяется на месте, как раньше. */
+  --rt-tabs-indicator-duration: var(--rt-duration-base);
+  --rt-tabs-indicator-easing: ease-out;
+  --rt-tabs-panel-duration: 0ms;
+  --rt-tabs-panel-easing: ease-out;
+  /* Прокрутка полосы вкладок стрелками и к выбранной вкладке. */
+  --rt-tabs-scroll-duration: var(--rt-duration-base);
+  --rt-tabs-scroll-easing: ease-out;
   /* Подложки */
   --rt-color-bg-page: var(--rt-mat-neutral-5);
-  --rt-color-bg-surface: var(--mat-sys-surface, var(--rt-mat-neutral-0));
+  --rt-color-bg-surface: var(--rt-sys-surface, var(--rt-mat-neutral-0));
   --rt-color-bg-surface-subtle: var(--rt-mat-overlay-black-4);
-  --rt-color-bg-surface-subtle-2: var(--mat-form-field-filled-container-color, var(--mat-sys-surface-variant, var(--rt-mat-neutral-15)));
+  --rt-color-bg-surface-subtle-2: var(--rt-field-filled-container-color, var(--rt-sys-surface-variant, var(--rt-mat-neutral-15)));
   --rt-color-bg-hover: var(--rt-mat-neutral-10);
   --rt-color-bg-subtle: var(--rt-mat-neutral-10);
   --rt-color-bg-overlay: var(--rt-mat-overlay-black-32);
-  --rt-color-bg-inverse: var(--mat-sys-inverse-surface, var(--rt-mat-neutral-100));
-  --rt-color-bg-nav: var(--mat-sys-primary, var(--rt-mat-navy-100)); /* марка первого кита: обвязка тёмная в обоих наборах */
+  --rt-color-bg-inverse: var(--rt-sys-inverse-surface, var(--rt-mat-neutral-100));
+  --rt-color-bg-nav: var(--rt-sys-primary, var(--rt-mat-navy-100)); /* марка первого кита: обвязка тёмная в обоих наборах */
   --rt-color-bg-page-auth: var(--rt-mat-neutral-5);
   --rt-color-bg-surface-auth-card: var(--rt-mat-neutral-0);
   /* Текст */
-  --rt-color-text-primary: var(--mat-sys-on-surface, var(--rt-mat-neutral-100));
+  --rt-color-text-primary: var(--rt-sys-on-surface, var(--rt-mat-neutral-100));
   --rt-color-text-muted: var(--rt-mat-neutral-60);
-  --rt-color-text-disabled: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-100)) 38%, transparent);
-  --rt-color-text-inverse: var(--mat-sys-inverse-on-surface, var(--rt-mat-neutral-0));
-  --rt-color-text-link: var(--mat-sys-primary, var(--rt-mat-blue-100));
-  --rt-color-text-link-hover: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
+  --rt-color-text-disabled: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-100)) 38%, transparent);
+  --rt-color-text-inverse: var(--rt-sys-inverse-on-surface, var(--rt-mat-neutral-0));
+  --rt-color-text-link: var(--rt-sys-primary, var(--rt-mat-blue-100));
+  --rt-color-text-link-hover: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
   /* Рамки */
   --rt-color-border-default: var(--rt-mat-neutral-25);
   --rt-color-border-strong: var(--rt-mat-neutral-30);
   --rt-color-border-subtle: var(--rt-mat-neutral-20);
   --rt-color-border-focus: var(--rt-mat-blue-40); /* кольцо фокуса первого кита светлее его действия */
   /* Действие: подложка, наведение, нажатие, подпись на них и цвет роли на поверхности */
-  --rt-color-action-primary: var(--mat-sys-primary, var(--rt-mat-blue-100));
-  --rt-color-action-primary-hover: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
-  --rt-color-action-primary-active: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 80%, #000);
-  --rt-color-action-primary-subtle: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 8%, transparent);
-  --rt-color-action-primary-soft: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 24%, transparent);
+  --rt-color-action-primary: var(--rt-sys-primary, var(--rt-mat-blue-100));
+  --rt-color-action-primary-hover: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
+  --rt-color-action-primary-active: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 80%, #000);
+  --rt-color-action-primary-subtle: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 8%, transparent);
+  --rt-color-action-primary-soft: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 24%, transparent);
   --rt-color-action-on-primary: var(--rt-mat-neutral-0);
   --rt-color-action-secondary: var(--rt-mat-neutral-60);
   --rt-color-action-secondary-hover: var(--rt-mat-neutral-hover);
@@ -4632,15 +5105,15 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-color-action-warning-hover: var(--rt-mat-orange-hover);
   --rt-color-action-warning-active: var(--rt-mat-orange-active);
   --rt-color-action-on-warning: var(--rt-mat-neutral-0);
-  --rt-color-action-danger: var(--mat-sys-error, var(--rt-mat-red-100));
-  --rt-color-action-danger-hover: color-mix(in srgb, var(--mat-sys-error, var(--rt-mat-red-100)) 90%, #000);
-  --rt-color-action-danger-active: color-mix(in srgb, var(--mat-sys-error, var(--rt-mat-red-100)) 80%, #000);
+  --rt-color-action-danger: var(--rt-sys-error, var(--rt-mat-red-100));
+  --rt-color-action-danger-hover: color-mix(in srgb, var(--rt-sys-error, var(--rt-mat-red-100)) 90%, #000);
+  --rt-color-action-danger-active: color-mix(in srgb, var(--rt-sys-error, var(--rt-mat-red-100)) 80%, #000);
   --rt-color-action-on-danger: var(--rt-mat-neutral-0);
-  --rt-color-action-info: var(--mat-sys-primary, var(--rt-mat-blue-100));
-  --rt-color-action-info-hover: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
-  --rt-color-action-info-active: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 80%, #000);
+  --rt-color-action-info: var(--rt-sys-primary, var(--rt-mat-blue-100));
+  --rt-color-action-info-hover: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
+  --rt-color-action-info-active: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 80%, #000);
   --rt-color-action-on-info: var(--rt-mat-neutral-0);
-  --rt-color-action-disabled: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
+  --rt-color-action-disabled: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
   /* Состояния: цвет роли и её светлая подложка */
   --rt-color-state-success: var(--rt-mat-green-100);
   --rt-color-state-success-bg: var(--rt-mat-green-10);
@@ -4648,11 +5121,11 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-color-state-warning: var(--rt-mat-orange-100);
   --rt-color-state-warning-bg: var(--rt-mat-orange-5);
   --rt-color-state-warning-text: var(--rt-mat-orange-100);
-  --rt-color-state-danger: var(--mat-sys-error, var(--rt-mat-red-100));
-  --rt-color-state-danger-bg: var(--mat-sys-error-container, var(--rt-mat-red-10));
-  --rt-color-state-error-text: var(--mat-sys-error, var(--rt-mat-red-100));
-  --rt-color-state-info: var(--mat-sys-primary, var(--rt-mat-blue-100));
-  --rt-color-state-info-bg: var(--mat-sys-primary-container, var(--rt-mat-blue-20));
+  --rt-color-state-danger: var(--rt-sys-error, var(--rt-mat-red-100));
+  --rt-color-state-danger-bg: var(--rt-sys-error-container, var(--rt-mat-red-10));
+  --rt-color-state-error-text: var(--rt-sys-error, var(--rt-mat-red-100));
+  --rt-color-state-info: var(--rt-sys-primary, var(--rt-mat-blue-100));
+  --rt-color-state-info-bg: var(--rt-sys-primary-container, var(--rt-mat-blue-20));
   /* Рельса шагов */
   --rt-color-stepper-track: var(--rt-mat-neutral-30);
   /* Заглушка загрузки: краски те же, что набор давал ей прежде через подложку и
@@ -4660,27 +5133,27 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-color-skeleton-base: var(--rt-mat-neutral-10);
   --rt-color-skeleton-wave: var(--rt-mat-neutral-25);
   /* Шапка таблицы первого кита залита тем же цветом, что залитое поле Material. */
-  --rt-color-table-head-bg: var(--mat-form-field-filled-container-color, var(--mat-sys-surface-variant, var(--rt-mat-overlay-black-4)));
+  --rt-color-table-head-bg: var(--rt-field-filled-container-color, var(--rt-sys-surface-variant, var(--rt-mat-overlay-black-4)));
   /* Черта снизу у залитого поля Material — цвет on-surface-variant темы. */
-  --rt-color-field-fill-underline: var(--mat-sys-on-surface-variant, var(--rt-mat-neutral-30));
+  --rt-color-field-fill-underline: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-30));
   /* Поиск списка первого кита — обведённое или залитое поле Material при плотности −1:
      52px, скругление 4px, рамка цвета outline темы, внутри прозрачное. Ступени 52px нет, высота собрана из ступени
      xl без ступени 1. */
   --rt-list-search-height: calc(var(--rt-control-height-xl) - var(--rt-space-1));
   --rt-list-search-radius: var(--rt-radius-sm);
-  --rt-list-search-color-border: var(--mat-sys-outline, var(--rt-mat-neutral-25));
+  --rt-list-search-color-border: var(--rt-sys-outline, var(--rt-mat-neutral-25));
   --rt-list-search-color-bg: transparent;
   --rt-list-search-width: calc(var(--rt-size-64) + var(--rt-size-24));
   --rt-list-search-padding-x: calc(var(--rt-space-2) + var(--rt-space-1) - var(--rt-border-width-thin));
   --rt-list-search-gap: var(--rt-space-4);
   --rt-list-search-font-size: var(--rt-text-md);
   --rt-list-search-icon-size: var(--rt-size-6);
-  --rt-list-search-icon-color: var(--mat-sys-on-surface-variant, var(--rt-mat-neutral-60));
-  --rt-list-search-color-placeholder: var(--mat-sys-on-surface-variant, var(--rt-mat-neutral-60));
+  --rt-list-search-icon-color: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-60));
+  --rt-list-search-color-placeholder: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-60));
   /* Панель настройки колонок первого кита: плашка колонки залита цветом выбранного пункта
      Material, значки — в тоне on-surface-variant темы. Сняты с панели на витрине первого кита. */
-  --rt-list-settings-item-bg: var(--mat-option-selected-state-layer-color, var(--mat-sys-secondary-container, var(--rt-mat-neutral-10)));
-  --rt-list-settings-icon-color: var(--mat-sys-on-surface-variant, var(--rt-mat-neutral-60));
+  --rt-list-settings-item-bg: var(--rt-option-selected-state-layer-color, var(--rt-sys-secondary-container, var(--rt-mat-neutral-10)));
+  --rt-list-settings-icon-color: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-60));
   /* Кнопки действий панели списка — mat-mini-fab первого кита: круг без заливки с подъёмом 6,
      под указателем подъём 8 и тёмный значок вместо серого; значок 24px, промежуток 16px. */
   --rt-list-action-gap: var(--rt-space-md);
@@ -4691,16 +5164,16 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-list-action-icon-size: var(--rt-size-6);
   --rt-list-action-color: var(--rt-mat-neutral-60);
   --rt-list-table-icon-size: var(--rt-size-6);
-  --rt-list-table-icon-color: var(--mat-sys-on-surface-variant, var(--rt-mat-neutral-60));
-  --rt-list-table-head-divider-color: var(--mat-sys-outline, var(--rt-mat-neutral-30));
+  --rt-list-table-icon-color: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-60));
+  --rt-list-table-head-divider-color: var(--rt-sys-outline, var(--rt-mat-neutral-30));
   --rt-list-table-button-size: calc(var(--rt-size-8) + var(--rt-size-1));
   --rt-list-table-button-radius: var(--rt-radius-full);
   --rt-list-copy-button-size: var(--rt-size-6);
   --rt-list-copy-button-radius: var(--rt-mat-radius-5);
   --rt-list-settings-item-radius: var(--rt-mat-radius-5);
   --rt-list-filter-line-height: var(--rt-size-6);
-  --rt-list-copy-button-bg: var(--mat-fab-small-container-color, var(--rt-mat-neutral-0));
-  --rt-list-copy-button-bg-hover: var(--mat-fab-small-container-color, var(--rt-mat-neutral-0));
+  --rt-list-copy-button-bg: var(--rt-fab-small-container-color, var(--rt-mat-neutral-0));
+  --rt-list-copy-button-bg-hover: var(--rt-fab-small-container-color, var(--rt-mat-neutral-0));
   --rt-list-copy-button-color: var(--rt-mat-neutral-60);
   --rt-list-action-color-hover: var(--rt-mat-neutral-100);
   --rt-list-action-color-bg-hover: transparent;
@@ -4754,23 +5227,23 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
      скруглён только снизу, подсказка 4px без тени. Тень — подъём 2 Material, как у mat-menu и
      mat-select. */
   --rt-overlay-menu-radius: var(--rt-mat-radius-4);
-  --rt-overlay-menu-shadow: var(--mat-sys-level2, var(--rt-mat-shadow-level-2));
+  --rt-overlay-menu-shadow: var(--rt-sys-level2, var(--rt-mat-shadow-level-2));
   --rt-overlay-select-radius: 0 0 var(--rt-mat-radius-4) var(--rt-mat-radius-4);
-  --rt-overlay-select-shadow: var(--mat-sys-level2, var(--rt-mat-shadow-level-2));
+  --rt-overlay-select-shadow: var(--rt-sys-level2, var(--rt-mat-shadow-level-2));
   --rt-overlay-tooltip-radius: var(--rt-mat-radius-4);
   --rt-overlay-tooltip-shadow: none;
   /* Меню строки — mat-menu первого кита: фон контейнера Material, отступ 8px сверху и снизу,
      подписи весом 500, опасный пункт красным первого кита. Выпадающий список — mat-select: пункты
      16px, выбранный — фон текста 12% без жирного и с галочкой. */
-  --rt-overlay-menu-bg: var(--mat-menu-container-color, var(--rt-mat-neutral-0));
+  --rt-overlay-menu-bg: var(--rt-menu-container-color, var(--rt-mat-neutral-0));
   --rt-overlay-menu-padding-y: var(--rt-space-sm);
   --rt-overlay-menu-item-weight: var(--rt-font-weight-medium);
   --rt-overlay-menu-danger-color: var(--rt-mat-red-100);
   --rt-overlay-select-option-font-size: var(--rt-text-md);
-  --rt-overlay-select-selected-bg: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
+  --rt-overlay-select-selected-bg: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
   --rt-overlay-select-selected-weight: var(--rt-font-weight-regular);
   --rt-overlay-select-check-display: inline-flex;
-  --rt-overlay-menu-current-bg: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
+  --rt-overlay-menu-current-bg: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
   --rt-overlay-menu-min-width: var(--rt-mat-menu-min-width);
   --rt-overlay-menu-item-min-height: var(--rt-size-12);
   --rt-overlay-menu-item-padding-y: 0px;
@@ -4784,6 +5257,78 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-icon-button-disabled-opacity: 1;
   --rt-icon-button-disabled-color: var(--rt-color-text-disabled);
   --rt-icon-button-disabled-fill: 0%;
+  /* Обведённое поле Material: прозрачное, рамка цвета outline темы, фокус — рамка в два
+     пикселя цветом марки без внешнего кольца. Вторая линия рамки фокуса — внутренняя тень. */
+  --rt-input-color-bg: transparent;
+  --rt-input-color-border: var(--rt-sys-outline, var(--rt-mat-neutral-60));
+  --rt-input-focus-shadow: inset 0 0 0 1px var(--rt-input-color-border-focus);
+  --rt-input-focus-shadow-error: inset 0 0 0 1px var(--rt-input-color-border-error);
+  /* Размер поля Material: 56 px при плотности 0 и на 4 px меньше за каждый шаг, значение 16 px.
+     Шаг приходит свойством `--rt-input-density`, которое ставит атрибут `data-rt-density` на поле
+     или на любом предке, — правила в `_density.scss`. Высота считается здесь, на узле с признаком
+     набора, из унаследованного шага: атрибут на корне приложения доходит и до поля со своим
+     признаком набора. Своя высота приложения — `--rt-input-height-app` на любом предке; она сильнее
+     плотности и не перебивается набором на самом поле. */
+  --rt-input-height-md: var(
+      --rt-input-height-app,
+      calc(var(--rt-size-12) + var(--rt-size-2) - var(--rt-input-density) * var(--rt-size-1))
+  );
+  --rt-input-height: var(--rt-input-height-md);
+  /* Крупная ступень `size` не ниже средней высоты набора: 48 px кита под набором вышли бы ниже
+     поля по умолчанию (56 px). Малая ступень остаётся ступенью кита — по ней стоят поиск списка и
+     правка на месте. */
+  --rt-input-height-lg: max(var(--rt-control-height-lg), var(--rt-input-height-md));
+  --rt-input-font-size: var(--rt-text-md);
+  /* Подсказка, подпись в покое, значки и стрелка поля — цвета on-surface-variant темы Material,
+     каретка — цвета марки, значки 24 px, как у поля Material. Без темы Material цвета прежние. */
+  --rt-input-color-text-placeholder: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-60));
+  --rt-input-icon-color: var(--rt-sys-on-surface-variant, var(--rt-neutral-600));
+  --rt-input-icon-size: var(--rt-size-6);
+  --rt-input-caret-color: var(--rt-color-action-primary);
+  /* Отключённое поле Material: поле не тускнеет целиком — рамка on-surface 12%, текст и
+     подсказка on-surface 38%. */
+  --rt-input-disabled-field-opacity: 1;
+  --rt-input-color-border-disabled: var(--rt-color-action-disabled);
+  --rt-input-color-text-disabled: var(--rt-color-text-disabled);
+  --rt-input-color-placeholder-disabled: var(--rt-color-text-disabled);
+  --rt-input-color-bg-disabled: transparent;
+  /* Крестик очистки — крестик первого кита: 19 px, значок 12 px, серый, в 8 px от края поля и в
+     4 px от текста. Отступ от края считается от правого поля в 4 px, как у поля Material с крестиком. */
+  --rt-input-clear-size: 19px;
+  --rt-input-clear-icon-size: var(--rt-size-3);
+  --rt-input-clear-color: var(--rt-mat-neutral-60);
+  --rt-input-clear-offset-end: calc(var(--rt-space-2) - var(--rt-space-1));
+  --rt-input-clear-offset-start: calc(var(--rt-space-1) - var(--rt-input-gap));
+  --rt-input-fill-color-bg-disabled: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-100)) 4%, transparent);
+  --rt-input-clear-bg: var(--rt-mat-neutral-25);
+  --rt-input-clear-bg-hover: var(--rt-input-clear-bg);
+  --rt-input-clear-radius: var(--rt-radius-full);
+  /* Залитое поле Material: рамки сверху и по бокам нет, только черта снизу; в фокусе черта
+     вдвое толще цветом марки, у недействительного поля — цветом ошибки. */
+  --rt-input-fill-edge: 0px;
+  --rt-input-fill-focus-shadow: inset 0 -1px 0 0 var(--rt-input-color-border-focus);
+  --rt-input-fill-focus-shadow-error: inset 0 -1px 0 0 var(--rt-input-color-border-error);
+  /* Звёздочка обязательного поля — цвета подписи, как у поля Material; цвет ошибки она берёт
+     только у недействительного поля, правилом самого поля. */
+  --rt-field-required-color: currentcolor;
+  --rt-field-required-gap: 0px;
+  /* Строка под полем — строка подсказки Material: 16 px высотой и 4 px над ней. */
+  --rt-field-messages-line-height: var(--rt-size-4);
+  --rt-field-messages-padding-top: var(--rt-space-1);
+  /* Группа переключателей видом «чипы» — фильтр-чип Material: обводка цвета outline темы,
+     выбранный залит secondary-container, отключённый — текст 38 %, обводка 12 %. Обводку и цвет
+     текста у выбранного задаёт лист чипов: своё имя каждому стоило бы по разу на тему, набор и
+     островок, а начальный пакет приложения-образца стоит у порога. */
+  --rt-toggle-chip-color-border: var(--rt-sys-outline, var(--rt-mat-neutral-60));
+  --rt-toggle-chip-color-text: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-70));
+  --rt-toggle-chip-color-bg-selected: var(--rt-sys-secondary-container, var(--rt-mat-neutral-25));
+  /* Вкладки: полоса и панель движутся, как у вкладок Material, — полсекунды с той же кривой. */
+  --rt-tabs-indicator-duration: var(--rt-duration-slower);
+  --rt-tabs-indicator-easing: cubic-bezier(0.35, 0, 0.25, 1);
+  --rt-tabs-panel-duration: var(--rt-duration-slower);
+  --rt-tabs-panel-easing: cubic-bezier(0.35, 0, 0.25, 1);
+  --rt-tabs-scroll-duration: var(--rt-duration-slower);
+  --rt-tabs-scroll-easing: cubic-bezier(0.35, 0, 0.25, 1);
 }
 @media (pointer: coarse) {
   [data-theme=dark] [data-theme=light] [data-preset=material],
@@ -5029,6 +5574,11 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-input-icon-color: var(--rt-neutral-600);
   --rt-input-icon-size: var(--rt-size-4);
   --rt-input-gap: var(--rt-space-sm);
+  --rt-input-caret-color: auto;
+  --rt-input-min-width: 0px;
+  --rt-input-fill-edge: var(--rt-input-border-width);
+  --rt-input-fill-focus-shadow: var(--rt-input-focus-shadow);
+  --rt-input-fill-focus-shadow-error: var(--rt-input-focus-shadow-error);
   /* Sizes (single-line height scale) */
   --rt-input-height-sm: var(--rt-control-height-sm);
   --rt-input-height-md: var(--rt-control-height-md);
@@ -5070,6 +5620,19 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-input-line-height: var(--rt-leading-snug);
   /* State / motion */
   --rt-input-disabled-opacity: var(--rt-opacity-disabled);
+  --rt-input-disabled-field-opacity: var(--rt-input-disabled-opacity);
+  --rt-input-color-border-disabled: var(--rt-input-color-border);
+  --rt-input-color-text-disabled: var(--rt-input-color-text);
+  --rt-input-color-placeholder-disabled: var(--rt-input-color-text-placeholder);
+  --rt-input-clear-size: var(--rt-control-height-sm);
+  --rt-input-clear-icon-size: var(--rt-size-4);
+  --rt-input-clear-color: var(--rt-neutral-600);
+  --rt-input-clear-offset-end: 0px;
+  --rt-input-clear-bg: transparent;
+  --rt-input-clear-bg-hover: var(--rt-icon-button-color-bg-hover);
+  --rt-input-clear-radius: var(--rt-radius-md);
+  --rt-input-clear-offset-start: 0px;
+  --rt-input-fill-color-bg-disabled: var(--rt-color-bg-surface-subtle-2);
   --rt-input-focus-shadow: var(--rt-shadow-focus-ring);
   --rt-input-focus-shadow-error: var(--rt-shadow-focus-ring-danger);
   --rt-input-transition: border-color var(--rt-duration-fast) ease, box-shadow var(--rt-duration-fast) ease;
@@ -5109,95 +5672,12 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   /* Рамка off-трека — inset-тенью, а не border: у border своя коробка, и
      отступы бегунка с иконками пришлось бы пересчитывать на её толщину. */
   --rt-toggle-shadow-border: inset 0 0 0 var(--rt-border-width-thin) var(--rt-toggle-color-border);
-  /* Навигация (rt-page-header). Шапка — отдельная плашка; отступ от краёв
-     страницы задаёт тот, кто её ставит. */
-  --rt-nav-header-padding: var(--rt-space-2) var(--rt-space-4);
-  --rt-nav-header-color-bg: var(--rt-neutral-50);
-  /* Первый уровень. Пункт ряда несёт плашку цвета самой шапки: на общем фоне её
-     не видно, и белым проступает только активный раздел. Наведение красит
-     подпись, а не фон — иначе оно спорит с этой подсветкой. */
-  --rt-nav-item-height: var(--rt-size-6);
-  --rt-nav-item-gap: var(--rt-space-1);
-  --rt-nav-item-padding: var(--rt-space-2) var(--rt-space-2);
-  --rt-nav-item-content-gap: var(--rt-space-2);
-  --rt-nav-item-font-size: var(--rt-text-sm);
-  --rt-nav-item-font-weight: var(--rt-font-weight-semibold);
-  --rt-nav-item-line-height: var(--rt-leading-none);
-  --rt-nav-item-color: var(--rt-color-text-primary);
-  --rt-nav-item-color-hover: var(--rt-color-action-primary);
-  --rt-nav-item-color-pressed: var(--rt-color-action-primary-hover);
-  --rt-nav-item-color-bg: var(--rt-neutral-50);
-  --rt-nav-item-color-border: var(--rt-neutral-50);
-  --rt-nav-item-color-bg-active: var(--rt-color-bg-surface);
-  --rt-nav-item-color-caret: var(--rt-neutral-200);
-  /* Фокус обведён пунктиром: сплошная рамка на плашке пункта неотличима от его
-     же границы. */
-  --rt-nav-color-focus: var(--rt-color-action-primary);
-  /* Недоступный пункт светлее доступного, а не другого оттенка: общий
-     `text-disabled` уходит в сине-стальной и рядом с серой подписью читается
-     как второй цвет, а не как выключенное состояние. */
-  --rt-nav-color-disabled: var(--rt-neutral-300);
-  /* Попап профиля. Подложку берёт у панели навигации, своего здесь — габариты
-     блока пользователя, тень и набор строк: строк четыре, и они читаются как
-     список действий, а не как выпадающее меню. */
-  --rt-profile-menu-min-width: var(--rt-size-60);
-  --rt-profile-menu-padding: var(--rt-space-5);
-  --rt-profile-menu-shadow: var(--rt-shadow-profile-menu);
-  --rt-profile-menu-border-width: var(--rt-border-width-thin);
-  --rt-profile-menu-radius: var(--rt-radius-md);
-  --rt-profile-avatar-size: var(--rt-size-10);
-  --rt-profile-avatar-font-size: var(--rt-text-2xl);
-  --rt-profile-avatar-border-width: var(--rt-border-width-medium);
-  --rt-profile-avatar-radius: var(--rt-radius-full);
-  --rt-profile-item-padding-y: var(--rt-space-4);
-  --rt-profile-item-content-gap: var(--rt-space-2);
-  --rt-profile-item-font-size: var(--rt-text-md);
-  --rt-profile-item-font-weight: var(--rt-font-weight-medium);
-  --rt-profile-item-radius: var(--rt-radius-md);
-  /* Строки выступают за содержимое панели на половину её отступа: так
-     подсветка на наведении не упирается в рамку, а иконка остаётся на одной
-     вертикали с содержимым. Это же число — горизонтальный отступ строки. */
-  --rt-profile-row-inset: var(--rt-space-2);
-  --rt-profile-theme-icon-padding: var(--rt-space-2);
-  --rt-profile-theme-icon-radius: var(--rt-radius-full);
-  /* Габариты панели второго уровня: ширина считается числом колонок, поэтому
-     колонка, промежуток и внутренний отступ — токены, из которых панель
-     складывает свою ширину. По вертикали отступ крупнее: у первой группы над
-     заголовком нет ничего, и панель иначе начинается впритык. */
-  --rt-nav-panel-column-width: var(--rt-size-60);
-  --rt-nav-panel-column-gap: var(--rt-space-5);
-  --rt-nav-panel-padding: var(--rt-space-4);
-  --rt-nav-panel-padding-y: var(--rt-space-md);
-  --rt-nav-panel-group-gap: var(--rt-space-8);
-  --rt-nav-panel-item-gap: var(--rt-space-0-5);
-  --rt-nav-panel-item-height: var(--rt-size-6);
-  --rt-nav-panel-item-padding: var(--rt-space-1) var(--rt-space-2);
-  --rt-nav-panel-columns: 1;
-  --rt-nav-panel-color-bg: var(--rt-color-bg-surface);
-  --rt-nav-panel-color-border: var(--rt-neutral-200);
-  --rt-nav-panel-shadow: var(--rt-shadow-nav-panel);
-  /* Второй уровень набран легче первого: ряд разделов держит вес, а полтора
-     десятка пунктов под ним читаются построчно. */
-  --rt-nav-panel-item-font-size: var(--rt-text-sm);
-  --rt-nav-panel-item-font-weight: var(--rt-font-weight-medium);
-  --rt-nav-panel-item-content-gap: var(--rt-space-1);
-  --rt-nav-panel-item-color: var(--rt-neutral-600);
-  --rt-nav-panel-item-color-bg-hover: var(--rt-neutral-50);
-  --rt-nav-panel-item-color-active: var(--rt-color-text-inverse);
-  --rt-nav-panel-item-color-bg-active: var(--rt-color-action-primary);
-  --rt-nav-panel-group-font-size: var(--rt-text-xs);
-  --rt-nav-panel-group-font-weight: var(--rt-font-weight-medium);
-  /* Заголовок группы светлее пункта, и оба берут порог контраста на белой панели.
-     Отношения обеих пар считает проверка тёмной темы; таблица замера — на странице
-     «Colors» витрины. */
-  --rt-nav-panel-group-color: var(--rt-neutral-600);
-  --rt-nav-panel-group-content-gap: var(--rt-space-2);
-  /* Маркер непросмотренного. Точка стоит в потоке следом за подписью — и в ряду
-     разделов, и в панели, и на узком экране: место ей даёт общий зазор
-     содержимого пункта. */
-  --rt-nav-caret-size: var(--rt-size-3);
-  --rt-nav-marker-size: var(--rt-size-1);
-  --rt-nav-marker-color: var(--rt-color-state-danger);
+  /* Группа переключателей видом «чипы»: отдельные пункты с обводкой. Цвета — здесь, на корне:
+     они не зависят от размера группы; размеры объявлены на самом хосте группы. Выбранный пункт
+     в своём виде кита — мягкая марка, обводка у него та же, что у невыбранного. */
+  --rt-toggle-chip-color-border: var(--rt-color-border-default);
+  --rt-toggle-chip-color-text: var(--rt-color-text-muted);
+  --rt-toggle-chip-color-bg-selected: var(--rt-color-action-primary-subtle);
   /* Form field (rt-field) — обёртка анатомии поля: label / help / hint / error /
      required-маркер / read-only значение. Визуал label+hint в стиле Tailwind
      form (мелкий medium label, muted hint). Компоненты потребляют только эти
@@ -5210,8 +5690,11 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-field-hint-font-size: var(--rt-text-xs);
   --rt-field-hint-color: var(--rt-color-text-muted);
   --rt-field-error-font-size: var(--rt-text-xs);
+  --rt-field-messages-line-height: normal;
+  --rt-field-messages-padding-top: 0px;
   --rt-field-error-color: var(--rt-color-state-danger);
   --rt-field-required-color: var(--rt-color-state-danger);
+  --rt-field-required-gap: var(--rt-space-1);
   --rt-field-value-font-size: var(--rt-text-sm);
   --rt-field-value-color: var(--rt-color-text-primary);
   --rt-field-value-empty-color: var(--rt-color-text-muted);
@@ -5290,36 +5773,135 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-list-filter-line-height: var(--rt-leading-none);
   --rt-list-placeholder-min-height: var(--rt-size-60);
   --rt-list-placeholder-grow: 1;
+  /* Навигация (rt-page-header). Шапка — отдельная плашка; отступ от краёв
+     страницы задаёт тот, кто её ставит. */
+  --rt-nav-header-padding: var(--rt-space-2) var(--rt-space-4);
+  --rt-nav-header-color-bg: var(--rt-neutral-50);
+  /* Первый уровень. Пункт ряда несёт плашку цвета самой шапки: на общем фоне её
+     не видно, и белым проступает только активный раздел. Наведение красит
+     подпись, а не фон — иначе оно спорит с этой подсветкой. */
+  --rt-nav-item-height: var(--rt-size-6);
+  --rt-nav-item-gap: var(--rt-space-1);
+  --rt-nav-item-padding: var(--rt-space-2) var(--rt-space-2);
+  --rt-nav-item-content-gap: var(--rt-space-2);
+  --rt-nav-item-font-size: var(--rt-text-sm);
+  --rt-nav-item-font-weight: var(--rt-font-weight-semibold);
+  --rt-nav-item-line-height: var(--rt-leading-none);
+  --rt-nav-item-color: var(--rt-color-text-primary);
+  --rt-nav-item-color-hover: var(--rt-color-action-primary);
+  --rt-nav-item-color-pressed: var(--rt-color-action-primary-hover);
+  --rt-nav-item-color-bg: var(--rt-neutral-50);
+  --rt-nav-item-color-border: var(--rt-neutral-50);
+  --rt-nav-item-color-bg-active: var(--rt-color-bg-surface);
+  --rt-nav-item-color-caret: var(--rt-neutral-200);
+  /* Фокус обведён пунктиром: сплошная рамка на плашке пункта неотличима от его
+     же границы. */
+  --rt-nav-color-focus: var(--rt-color-action-primary);
+  /* Недоступный пункт светлее доступного, а не другого оттенка: общий
+     `text-disabled` уходит в сине-стальной и рядом с серой подписью читается
+     как второй цвет, а не как выключенное состояние. */
+  --rt-nav-color-disabled: var(--rt-neutral-300);
+  /* Попап профиля. Подложку берёт у панели навигации, своего здесь — габариты
+     блока пользователя, тень и набор строк: строк четыре, и они читаются как
+     список действий, а не как выпадающее меню. */
+  --rt-profile-menu-min-width: var(--rt-size-60);
+  --rt-profile-menu-padding: var(--rt-space-5);
+  --rt-profile-menu-shadow: var(--rt-shadow-profile-menu);
+  --rt-profile-menu-border-width: var(--rt-border-width-thin);
+  --rt-profile-menu-radius: var(--rt-radius-md);
+  --rt-profile-avatar-size: var(--rt-size-10);
+  --rt-profile-avatar-font-size: var(--rt-text-2xl);
+  --rt-profile-avatar-border-width: var(--rt-border-width-medium);
+  --rt-profile-avatar-radius: var(--rt-radius-full);
+  --rt-profile-item-padding-y: var(--rt-space-4);
+  --rt-profile-item-content-gap: var(--rt-space-2);
+  --rt-profile-item-font-size: var(--rt-text-md);
+  --rt-profile-item-font-weight: var(--rt-font-weight-medium);
+  --rt-profile-item-radius: var(--rt-radius-md);
+  /* Строки выступают за содержимое панели на половину её отступа: так
+     подсветка на наведении не упирается в рамку, а иконка остаётся на одной
+     вертикали с содержимым. Это же число — горизонтальный отступ строки. */
+  --rt-profile-row-inset: var(--rt-space-2);
+  --rt-profile-theme-icon-padding: var(--rt-space-2);
+  --rt-profile-theme-icon-radius: var(--rt-radius-full);
+  /* Габариты панели второго уровня: ширина считается числом колонок, поэтому
+     колонка, промежуток и внутренний отступ — токены, из которых панель
+     складывает свою ширину. По вертикали отступ крупнее: у первой группы над
+     заголовком нет ничего, и панель иначе начинается впритык. */
+  --rt-nav-panel-column-width: var(--rt-size-60);
+  --rt-nav-panel-column-gap: var(--rt-space-5);
+  --rt-nav-panel-padding: var(--rt-space-4);
+  --rt-nav-panel-padding-y: var(--rt-space-md);
+  --rt-nav-panel-group-gap: var(--rt-space-8);
+  --rt-nav-panel-item-gap: var(--rt-space-0-5);
+  --rt-nav-panel-item-height: var(--rt-size-6);
+  --rt-nav-panel-item-padding: var(--rt-space-1) var(--rt-space-2);
+  --rt-nav-panel-columns: 1;
+  --rt-nav-panel-color-bg: var(--rt-color-bg-surface);
+  --rt-nav-panel-color-border: var(--rt-neutral-200);
+  --rt-nav-panel-shadow: var(--rt-shadow-nav-panel);
+  /* Второй уровень набран легче первого: ряд разделов держит вес, а полтора
+     десятка пунктов под ним читаются построчно. */
+  --rt-nav-panel-item-font-size: var(--rt-text-sm);
+  --rt-nav-panel-item-font-weight: var(--rt-font-weight-medium);
+  --rt-nav-panel-item-content-gap: var(--rt-space-1);
+  --rt-nav-panel-item-color: var(--rt-neutral-600);
+  --rt-nav-panel-item-color-bg-hover: var(--rt-neutral-50);
+  --rt-nav-panel-item-color-active: var(--rt-color-text-inverse);
+  --rt-nav-panel-item-color-bg-active: var(--rt-color-action-primary);
+  --rt-nav-panel-group-font-size: var(--rt-text-xs);
+  --rt-nav-panel-group-font-weight: var(--rt-font-weight-medium);
+  /* Заголовок группы светлее пункта, и оба берут порог контраста на белой панели.
+     Отношения обеих пар считает проверка тёмной темы; таблица замера — на странице
+     «Colors» витрины. */
+  --rt-nav-panel-group-color: var(--rt-neutral-600);
+  --rt-nav-panel-group-content-gap: var(--rt-space-2);
+  /* Маркер непросмотренного. Точка стоит в потоке следом за подписью — и в ряду
+     разделов, и в панели, и на узком экране: место ей даёт общий зазор
+     содержимого пункта. */
+  --rt-nav-caret-size: var(--rt-size-3);
+  --rt-nav-marker-size: var(--rt-size-1);
+  --rt-nav-marker-color: var(--rt-color-state-danger);
+  /* Вкладки (rt-tabs). Полоса выбранной вкладки переезжает на новую, а панель
+     меняется сдвигом по направлению перехода. Сдвиг панели в своём виде кита выключен
+     нулевой длительностью: содержимое вкладки сменяется на месте, как раньше. */
+  --rt-tabs-indicator-duration: var(--rt-duration-base);
+  --rt-tabs-indicator-easing: ease-out;
+  --rt-tabs-panel-duration: 0ms;
+  --rt-tabs-panel-easing: ease-out;
+  /* Прокрутка полосы вкладок стрелками и к выбранной вкладке. */
+  --rt-tabs-scroll-duration: var(--rt-duration-base);
+  --rt-tabs-scroll-easing: ease-out;
   /* Подложки */
   --rt-color-bg-page: var(--rt-mat-neutral-5);
-  --rt-color-bg-surface: var(--mat-sys-surface, var(--rt-mat-neutral-0));
+  --rt-color-bg-surface: var(--rt-sys-surface, var(--rt-mat-neutral-0));
   --rt-color-bg-surface-subtle: var(--rt-mat-overlay-black-4);
-  --rt-color-bg-surface-subtle-2: var(--mat-form-field-filled-container-color, var(--mat-sys-surface-variant, var(--rt-mat-neutral-15)));
+  --rt-color-bg-surface-subtle-2: var(--rt-field-filled-container-color, var(--rt-sys-surface-variant, var(--rt-mat-neutral-15)));
   --rt-color-bg-hover: var(--rt-mat-neutral-10);
   --rt-color-bg-subtle: var(--rt-mat-neutral-10);
   --rt-color-bg-overlay: var(--rt-mat-overlay-black-32);
-  --rt-color-bg-inverse: var(--mat-sys-inverse-surface, var(--rt-mat-neutral-100));
-  --rt-color-bg-nav: var(--mat-sys-primary, var(--rt-mat-navy-100)); /* марка первого кита: обвязка тёмная в обоих наборах */
+  --rt-color-bg-inverse: var(--rt-sys-inverse-surface, var(--rt-mat-neutral-100));
+  --rt-color-bg-nav: var(--rt-sys-primary, var(--rt-mat-navy-100)); /* марка первого кита: обвязка тёмная в обоих наборах */
   --rt-color-bg-page-auth: var(--rt-mat-neutral-5);
   --rt-color-bg-surface-auth-card: var(--rt-mat-neutral-0);
   /* Текст */
-  --rt-color-text-primary: var(--mat-sys-on-surface, var(--rt-mat-neutral-100));
+  --rt-color-text-primary: var(--rt-sys-on-surface, var(--rt-mat-neutral-100));
   --rt-color-text-muted: var(--rt-mat-neutral-60);
-  --rt-color-text-disabled: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-100)) 38%, transparent);
-  --rt-color-text-inverse: var(--mat-sys-inverse-on-surface, var(--rt-mat-neutral-0));
-  --rt-color-text-link: var(--mat-sys-primary, var(--rt-mat-blue-100));
-  --rt-color-text-link-hover: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
+  --rt-color-text-disabled: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-100)) 38%, transparent);
+  --rt-color-text-inverse: var(--rt-sys-inverse-on-surface, var(--rt-mat-neutral-0));
+  --rt-color-text-link: var(--rt-sys-primary, var(--rt-mat-blue-100));
+  --rt-color-text-link-hover: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
   /* Рамки */
   --rt-color-border-default: var(--rt-mat-neutral-25);
   --rt-color-border-strong: var(--rt-mat-neutral-30);
   --rt-color-border-subtle: var(--rt-mat-neutral-20);
   --rt-color-border-focus: var(--rt-mat-blue-40); /* кольцо фокуса первого кита светлее его действия */
   /* Действие: подложка, наведение, нажатие, подпись на них и цвет роли на поверхности */
-  --rt-color-action-primary: var(--mat-sys-primary, var(--rt-mat-blue-100));
-  --rt-color-action-primary-hover: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
-  --rt-color-action-primary-active: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 80%, #000);
-  --rt-color-action-primary-subtle: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 8%, transparent);
-  --rt-color-action-primary-soft: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 24%, transparent);
+  --rt-color-action-primary: var(--rt-sys-primary, var(--rt-mat-blue-100));
+  --rt-color-action-primary-hover: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
+  --rt-color-action-primary-active: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 80%, #000);
+  --rt-color-action-primary-subtle: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 8%, transparent);
+  --rt-color-action-primary-soft: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 24%, transparent);
   --rt-color-action-on-primary: var(--rt-mat-neutral-0);
   --rt-color-action-secondary: var(--rt-mat-neutral-60);
   --rt-color-action-secondary-hover: var(--rt-mat-neutral-hover);
@@ -5334,15 +5916,15 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-color-action-warning-hover: var(--rt-mat-orange-hover);
   --rt-color-action-warning-active: var(--rt-mat-orange-active);
   --rt-color-action-on-warning: var(--rt-mat-neutral-0);
-  --rt-color-action-danger: var(--mat-sys-error, var(--rt-mat-red-100));
-  --rt-color-action-danger-hover: color-mix(in srgb, var(--mat-sys-error, var(--rt-mat-red-100)) 90%, #000);
-  --rt-color-action-danger-active: color-mix(in srgb, var(--mat-sys-error, var(--rt-mat-red-100)) 80%, #000);
+  --rt-color-action-danger: var(--rt-sys-error, var(--rt-mat-red-100));
+  --rt-color-action-danger-hover: color-mix(in srgb, var(--rt-sys-error, var(--rt-mat-red-100)) 90%, #000);
+  --rt-color-action-danger-active: color-mix(in srgb, var(--rt-sys-error, var(--rt-mat-red-100)) 80%, #000);
   --rt-color-action-on-danger: var(--rt-mat-neutral-0);
-  --rt-color-action-info: var(--mat-sys-primary, var(--rt-mat-blue-100));
-  --rt-color-action-info-hover: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
-  --rt-color-action-info-active: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 80%, #000);
+  --rt-color-action-info: var(--rt-sys-primary, var(--rt-mat-blue-100));
+  --rt-color-action-info-hover: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
+  --rt-color-action-info-active: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 80%, #000);
   --rt-color-action-on-info: var(--rt-mat-neutral-0);
-  --rt-color-action-disabled: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
+  --rt-color-action-disabled: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
   /* Состояния: цвет роли и её светлая подложка */
   --rt-color-state-success: var(--rt-mat-green-100);
   --rt-color-state-success-bg: var(--rt-mat-green-10);
@@ -5350,11 +5932,11 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-color-state-warning: var(--rt-mat-orange-100);
   --rt-color-state-warning-bg: var(--rt-mat-orange-5);
   --rt-color-state-warning-text: var(--rt-mat-orange-100);
-  --rt-color-state-danger: var(--mat-sys-error, var(--rt-mat-red-100));
-  --rt-color-state-danger-bg: var(--mat-sys-error-container, var(--rt-mat-red-10));
-  --rt-color-state-error-text: var(--mat-sys-error, var(--rt-mat-red-100));
-  --rt-color-state-info: var(--mat-sys-primary, var(--rt-mat-blue-100));
-  --rt-color-state-info-bg: var(--mat-sys-primary-container, var(--rt-mat-blue-20));
+  --rt-color-state-danger: var(--rt-sys-error, var(--rt-mat-red-100));
+  --rt-color-state-danger-bg: var(--rt-sys-error-container, var(--rt-mat-red-10));
+  --rt-color-state-error-text: var(--rt-sys-error, var(--rt-mat-red-100));
+  --rt-color-state-info: var(--rt-sys-primary, var(--rt-mat-blue-100));
+  --rt-color-state-info-bg: var(--rt-sys-primary-container, var(--rt-mat-blue-20));
   /* Рельса шагов */
   --rt-color-stepper-track: var(--rt-mat-neutral-30);
   /* Заглушка загрузки: краски те же, что набор давал ей прежде через подложку и
@@ -5362,27 +5944,27 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-color-skeleton-base: var(--rt-mat-neutral-10);
   --rt-color-skeleton-wave: var(--rt-mat-neutral-25);
   /* Шапка таблицы первого кита залита тем же цветом, что залитое поле Material. */
-  --rt-color-table-head-bg: var(--mat-form-field-filled-container-color, var(--mat-sys-surface-variant, var(--rt-mat-overlay-black-4)));
+  --rt-color-table-head-bg: var(--rt-field-filled-container-color, var(--rt-sys-surface-variant, var(--rt-mat-overlay-black-4)));
   /* Черта снизу у залитого поля Material — цвет on-surface-variant темы. */
-  --rt-color-field-fill-underline: var(--mat-sys-on-surface-variant, var(--rt-mat-neutral-30));
+  --rt-color-field-fill-underline: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-30));
   /* Поиск списка первого кита — обведённое или залитое поле Material при плотности −1:
      52px, скругление 4px, рамка цвета outline темы, внутри прозрачное. Ступени 52px нет, высота собрана из ступени
      xl без ступени 1. */
   --rt-list-search-height: calc(var(--rt-control-height-xl) - var(--rt-space-1));
   --rt-list-search-radius: var(--rt-radius-sm);
-  --rt-list-search-color-border: var(--mat-sys-outline, var(--rt-mat-neutral-25));
+  --rt-list-search-color-border: var(--rt-sys-outline, var(--rt-mat-neutral-25));
   --rt-list-search-color-bg: transparent;
   --rt-list-search-width: calc(var(--rt-size-64) + var(--rt-size-24));
   --rt-list-search-padding-x: calc(var(--rt-space-2) + var(--rt-space-1) - var(--rt-border-width-thin));
   --rt-list-search-gap: var(--rt-space-4);
   --rt-list-search-font-size: var(--rt-text-md);
   --rt-list-search-icon-size: var(--rt-size-6);
-  --rt-list-search-icon-color: var(--mat-sys-on-surface-variant, var(--rt-mat-neutral-60));
-  --rt-list-search-color-placeholder: var(--mat-sys-on-surface-variant, var(--rt-mat-neutral-60));
+  --rt-list-search-icon-color: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-60));
+  --rt-list-search-color-placeholder: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-60));
   /* Панель настройки колонок первого кита: плашка колонки залита цветом выбранного пункта
      Material, значки — в тоне on-surface-variant темы. Сняты с панели на витрине первого кита. */
-  --rt-list-settings-item-bg: var(--mat-option-selected-state-layer-color, var(--mat-sys-secondary-container, var(--rt-mat-neutral-10)));
-  --rt-list-settings-icon-color: var(--mat-sys-on-surface-variant, var(--rt-mat-neutral-60));
+  --rt-list-settings-item-bg: var(--rt-option-selected-state-layer-color, var(--rt-sys-secondary-container, var(--rt-mat-neutral-10)));
+  --rt-list-settings-icon-color: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-60));
   /* Кнопки действий панели списка — mat-mini-fab первого кита: круг без заливки с подъёмом 6,
      под указателем подъём 8 и тёмный значок вместо серого; значок 24px, промежуток 16px. */
   --rt-list-action-gap: var(--rt-space-md);
@@ -5393,16 +5975,16 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-list-action-icon-size: var(--rt-size-6);
   --rt-list-action-color: var(--rt-mat-neutral-60);
   --rt-list-table-icon-size: var(--rt-size-6);
-  --rt-list-table-icon-color: var(--mat-sys-on-surface-variant, var(--rt-mat-neutral-60));
-  --rt-list-table-head-divider-color: var(--mat-sys-outline, var(--rt-mat-neutral-30));
+  --rt-list-table-icon-color: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-60));
+  --rt-list-table-head-divider-color: var(--rt-sys-outline, var(--rt-mat-neutral-30));
   --rt-list-table-button-size: calc(var(--rt-size-8) + var(--rt-size-1));
   --rt-list-table-button-radius: var(--rt-radius-full);
   --rt-list-copy-button-size: var(--rt-size-6);
   --rt-list-copy-button-radius: var(--rt-mat-radius-5);
   --rt-list-settings-item-radius: var(--rt-mat-radius-5);
   --rt-list-filter-line-height: var(--rt-size-6);
-  --rt-list-copy-button-bg: var(--mat-fab-small-container-color, var(--rt-mat-neutral-0));
-  --rt-list-copy-button-bg-hover: var(--mat-fab-small-container-color, var(--rt-mat-neutral-0));
+  --rt-list-copy-button-bg: var(--rt-fab-small-container-color, var(--rt-mat-neutral-0));
+  --rt-list-copy-button-bg-hover: var(--rt-fab-small-container-color, var(--rt-mat-neutral-0));
   --rt-list-copy-button-color: var(--rt-mat-neutral-60);
   --rt-list-action-color-hover: var(--rt-mat-neutral-100);
   --rt-list-action-color-bg-hover: transparent;
@@ -5456,23 +6038,23 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
      скруглён только снизу, подсказка 4px без тени. Тень — подъём 2 Material, как у mat-menu и
      mat-select. */
   --rt-overlay-menu-radius: var(--rt-mat-radius-4);
-  --rt-overlay-menu-shadow: var(--mat-sys-level2, var(--rt-mat-shadow-level-2));
+  --rt-overlay-menu-shadow: var(--rt-sys-level2, var(--rt-mat-shadow-level-2));
   --rt-overlay-select-radius: 0 0 var(--rt-mat-radius-4) var(--rt-mat-radius-4);
-  --rt-overlay-select-shadow: var(--mat-sys-level2, var(--rt-mat-shadow-level-2));
+  --rt-overlay-select-shadow: var(--rt-sys-level2, var(--rt-mat-shadow-level-2));
   --rt-overlay-tooltip-radius: var(--rt-mat-radius-4);
   --rt-overlay-tooltip-shadow: none;
   /* Меню строки — mat-menu первого кита: фон контейнера Material, отступ 8px сверху и снизу,
      подписи весом 500, опасный пункт красным первого кита. Выпадающий список — mat-select: пункты
      16px, выбранный — фон текста 12% без жирного и с галочкой. */
-  --rt-overlay-menu-bg: var(--mat-menu-container-color, var(--rt-mat-neutral-0));
+  --rt-overlay-menu-bg: var(--rt-menu-container-color, var(--rt-mat-neutral-0));
   --rt-overlay-menu-padding-y: var(--rt-space-sm);
   --rt-overlay-menu-item-weight: var(--rt-font-weight-medium);
   --rt-overlay-menu-danger-color: var(--rt-mat-red-100);
   --rt-overlay-select-option-font-size: var(--rt-text-md);
-  --rt-overlay-select-selected-bg: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
+  --rt-overlay-select-selected-bg: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
   --rt-overlay-select-selected-weight: var(--rt-font-weight-regular);
   --rt-overlay-select-check-display: inline-flex;
-  --rt-overlay-menu-current-bg: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
+  --rt-overlay-menu-current-bg: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
   --rt-overlay-menu-min-width: var(--rt-mat-menu-min-width);
   --rt-overlay-menu-item-min-height: var(--rt-size-12);
   --rt-overlay-menu-item-padding-y: 0px;
@@ -5486,6 +6068,78 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-icon-button-disabled-opacity: 1;
   --rt-icon-button-disabled-color: var(--rt-color-text-disabled);
   --rt-icon-button-disabled-fill: 0%;
+  /* Обведённое поле Material: прозрачное, рамка цвета outline темы, фокус — рамка в два
+     пикселя цветом марки без внешнего кольца. Вторая линия рамки фокуса — внутренняя тень. */
+  --rt-input-color-bg: transparent;
+  --rt-input-color-border: var(--rt-sys-outline, var(--rt-mat-neutral-60));
+  --rt-input-focus-shadow: inset 0 0 0 1px var(--rt-input-color-border-focus);
+  --rt-input-focus-shadow-error: inset 0 0 0 1px var(--rt-input-color-border-error);
+  /* Размер поля Material: 56 px при плотности 0 и на 4 px меньше за каждый шаг, значение 16 px.
+     Шаг приходит свойством `--rt-input-density`, которое ставит атрибут `data-rt-density` на поле
+     или на любом предке, — правила в `_density.scss`. Высота считается здесь, на узле с признаком
+     набора, из унаследованного шага: атрибут на корне приложения доходит и до поля со своим
+     признаком набора. Своя высота приложения — `--rt-input-height-app` на любом предке; она сильнее
+     плотности и не перебивается набором на самом поле. */
+  --rt-input-height-md: var(
+      --rt-input-height-app,
+      calc(var(--rt-size-12) + var(--rt-size-2) - var(--rt-input-density) * var(--rt-size-1))
+  );
+  --rt-input-height: var(--rt-input-height-md);
+  /* Крупная ступень `size` не ниже средней высоты набора: 48 px кита под набором вышли бы ниже
+     поля по умолчанию (56 px). Малая ступень остаётся ступенью кита — по ней стоят поиск списка и
+     правка на месте. */
+  --rt-input-height-lg: max(var(--rt-control-height-lg), var(--rt-input-height-md));
+  --rt-input-font-size: var(--rt-text-md);
+  /* Подсказка, подпись в покое, значки и стрелка поля — цвета on-surface-variant темы Material,
+     каретка — цвета марки, значки 24 px, как у поля Material. Без темы Material цвета прежние. */
+  --rt-input-color-text-placeholder: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-60));
+  --rt-input-icon-color: var(--rt-sys-on-surface-variant, var(--rt-neutral-600));
+  --rt-input-icon-size: var(--rt-size-6);
+  --rt-input-caret-color: var(--rt-color-action-primary);
+  /* Отключённое поле Material: поле не тускнеет целиком — рамка on-surface 12%, текст и
+     подсказка on-surface 38%. */
+  --rt-input-disabled-field-opacity: 1;
+  --rt-input-color-border-disabled: var(--rt-color-action-disabled);
+  --rt-input-color-text-disabled: var(--rt-color-text-disabled);
+  --rt-input-color-placeholder-disabled: var(--rt-color-text-disabled);
+  --rt-input-color-bg-disabled: transparent;
+  /* Крестик очистки — крестик первого кита: 19 px, значок 12 px, серый, в 8 px от края поля и в
+     4 px от текста. Отступ от края считается от правого поля в 4 px, как у поля Material с крестиком. */
+  --rt-input-clear-size: 19px;
+  --rt-input-clear-icon-size: var(--rt-size-3);
+  --rt-input-clear-color: var(--rt-mat-neutral-60);
+  --rt-input-clear-offset-end: calc(var(--rt-space-2) - var(--rt-space-1));
+  --rt-input-clear-offset-start: calc(var(--rt-space-1) - var(--rt-input-gap));
+  --rt-input-fill-color-bg-disabled: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-100)) 4%, transparent);
+  --rt-input-clear-bg: var(--rt-mat-neutral-25);
+  --rt-input-clear-bg-hover: var(--rt-input-clear-bg);
+  --rt-input-clear-radius: var(--rt-radius-full);
+  /* Залитое поле Material: рамки сверху и по бокам нет, только черта снизу; в фокусе черта
+     вдвое толще цветом марки, у недействительного поля — цветом ошибки. */
+  --rt-input-fill-edge: 0px;
+  --rt-input-fill-focus-shadow: inset 0 -1px 0 0 var(--rt-input-color-border-focus);
+  --rt-input-fill-focus-shadow-error: inset 0 -1px 0 0 var(--rt-input-color-border-error);
+  /* Звёздочка обязательного поля — цвета подписи, как у поля Material; цвет ошибки она берёт
+     только у недействительного поля, правилом самого поля. */
+  --rt-field-required-color: currentcolor;
+  --rt-field-required-gap: 0px;
+  /* Строка под полем — строка подсказки Material: 16 px высотой и 4 px над ней. */
+  --rt-field-messages-line-height: var(--rt-size-4);
+  --rt-field-messages-padding-top: var(--rt-space-1);
+  /* Группа переключателей видом «чипы» — фильтр-чип Material: обводка цвета outline темы,
+     выбранный залит secondary-container, отключённый — текст 38 %, обводка 12 %. Обводку и цвет
+     текста у выбранного задаёт лист чипов: своё имя каждому стоило бы по разу на тему, набор и
+     островок, а начальный пакет приложения-образца стоит у порога. */
+  --rt-toggle-chip-color-border: var(--rt-sys-outline, var(--rt-mat-neutral-60));
+  --rt-toggle-chip-color-text: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-70));
+  --rt-toggle-chip-color-bg-selected: var(--rt-sys-secondary-container, var(--rt-mat-neutral-25));
+  /* Вкладки: полоса и панель движутся, как у вкладок Material, — полсекунды с той же кривой. */
+  --rt-tabs-indicator-duration: var(--rt-duration-slower);
+  --rt-tabs-indicator-easing: cubic-bezier(0.35, 0, 0.25, 1);
+  --rt-tabs-panel-duration: var(--rt-duration-slower);
+  --rt-tabs-panel-easing: cubic-bezier(0.35, 0, 0.25, 1);
+  --rt-tabs-scroll-duration: var(--rt-duration-slower);
+  --rt-tabs-scroll-easing: cubic-bezier(0.35, 0, 0.25, 1);
 }
 @media (pointer: coarse) {
   [data-preset=material][data-theme=light]:not(:root),
@@ -5728,6 +6382,11 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-input-icon-color: var(--rt-neutral-600);
   --rt-input-icon-size: var(--rt-size-4);
   --rt-input-gap: var(--rt-space-sm);
+  --rt-input-caret-color: auto;
+  --rt-input-min-width: 0px;
+  --rt-input-fill-edge: var(--rt-input-border-width);
+  --rt-input-fill-focus-shadow: var(--rt-input-focus-shadow);
+  --rt-input-fill-focus-shadow-error: var(--rt-input-focus-shadow-error);
   /* Sizes (single-line height scale) */
   --rt-input-height-sm: var(--rt-control-height-sm);
   --rt-input-height-md: var(--rt-control-height-md);
@@ -5769,6 +6428,19 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-input-line-height: var(--rt-leading-snug);
   /* State / motion */
   --rt-input-disabled-opacity: var(--rt-opacity-disabled);
+  --rt-input-disabled-field-opacity: var(--rt-input-disabled-opacity);
+  --rt-input-color-border-disabled: var(--rt-input-color-border);
+  --rt-input-color-text-disabled: var(--rt-input-color-text);
+  --rt-input-color-placeholder-disabled: var(--rt-input-color-text-placeholder);
+  --rt-input-clear-size: var(--rt-control-height-sm);
+  --rt-input-clear-icon-size: var(--rt-size-4);
+  --rt-input-clear-color: var(--rt-neutral-600);
+  --rt-input-clear-offset-end: 0px;
+  --rt-input-clear-bg: transparent;
+  --rt-input-clear-bg-hover: var(--rt-icon-button-color-bg-hover);
+  --rt-input-clear-radius: var(--rt-radius-md);
+  --rt-input-clear-offset-start: 0px;
+  --rt-input-fill-color-bg-disabled: var(--rt-color-bg-surface-subtle-2);
   --rt-input-focus-shadow: var(--rt-shadow-focus-ring);
   --rt-input-focus-shadow-error: var(--rt-shadow-focus-ring-danger);
   --rt-input-transition: border-color var(--rt-duration-fast) ease, box-shadow var(--rt-duration-fast) ease;
@@ -5808,95 +6480,12 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   /* Рамка off-трека — inset-тенью, а не border: у border своя коробка, и
      отступы бегунка с иконками пришлось бы пересчитывать на её толщину. */
   --rt-toggle-shadow-border: inset 0 0 0 var(--rt-border-width-thin) var(--rt-toggle-color-border);
-  /* Навигация (rt-page-header). Шапка — отдельная плашка; отступ от краёв
-     страницы задаёт тот, кто её ставит. */
-  --rt-nav-header-padding: var(--rt-space-2) var(--rt-space-4);
-  --rt-nav-header-color-bg: var(--rt-neutral-50);
-  /* Первый уровень. Пункт ряда несёт плашку цвета самой шапки: на общем фоне её
-     не видно, и белым проступает только активный раздел. Наведение красит
-     подпись, а не фон — иначе оно спорит с этой подсветкой. */
-  --rt-nav-item-height: var(--rt-size-6);
-  --rt-nav-item-gap: var(--rt-space-1);
-  --rt-nav-item-padding: var(--rt-space-2) var(--rt-space-2);
-  --rt-nav-item-content-gap: var(--rt-space-2);
-  --rt-nav-item-font-size: var(--rt-text-sm);
-  --rt-nav-item-font-weight: var(--rt-font-weight-semibold);
-  --rt-nav-item-line-height: var(--rt-leading-none);
-  --rt-nav-item-color: var(--rt-color-text-primary);
-  --rt-nav-item-color-hover: var(--rt-color-action-primary);
-  --rt-nav-item-color-pressed: var(--rt-color-action-primary-hover);
-  --rt-nav-item-color-bg: var(--rt-neutral-50);
-  --rt-nav-item-color-border: var(--rt-neutral-50);
-  --rt-nav-item-color-bg-active: var(--rt-color-bg-surface);
-  --rt-nav-item-color-caret: var(--rt-neutral-200);
-  /* Фокус обведён пунктиром: сплошная рамка на плашке пункта неотличима от его
-     же границы. */
-  --rt-nav-color-focus: var(--rt-color-action-primary);
-  /* Недоступный пункт светлее доступного, а не другого оттенка: общий
-     `text-disabled` уходит в сине-стальной и рядом с серой подписью читается
-     как второй цвет, а не как выключенное состояние. */
-  --rt-nav-color-disabled: var(--rt-neutral-300);
-  /* Попап профиля. Подложку берёт у панели навигации, своего здесь — габариты
-     блока пользователя, тень и набор строк: строк четыре, и они читаются как
-     список действий, а не как выпадающее меню. */
-  --rt-profile-menu-min-width: var(--rt-size-60);
-  --rt-profile-menu-padding: var(--rt-space-5);
-  --rt-profile-menu-shadow: var(--rt-shadow-profile-menu);
-  --rt-profile-menu-border-width: var(--rt-border-width-thin);
-  --rt-profile-menu-radius: var(--rt-radius-md);
-  --rt-profile-avatar-size: var(--rt-size-10);
-  --rt-profile-avatar-font-size: var(--rt-text-2xl);
-  --rt-profile-avatar-border-width: var(--rt-border-width-medium);
-  --rt-profile-avatar-radius: var(--rt-radius-full);
-  --rt-profile-item-padding-y: var(--rt-space-4);
-  --rt-profile-item-content-gap: var(--rt-space-2);
-  --rt-profile-item-font-size: var(--rt-text-md);
-  --rt-profile-item-font-weight: var(--rt-font-weight-medium);
-  --rt-profile-item-radius: var(--rt-radius-md);
-  /* Строки выступают за содержимое панели на половину её отступа: так
-     подсветка на наведении не упирается в рамку, а иконка остаётся на одной
-     вертикали с содержимым. Это же число — горизонтальный отступ строки. */
-  --rt-profile-row-inset: var(--rt-space-2);
-  --rt-profile-theme-icon-padding: var(--rt-space-2);
-  --rt-profile-theme-icon-radius: var(--rt-radius-full);
-  /* Габариты панели второго уровня: ширина считается числом колонок, поэтому
-     колонка, промежуток и внутренний отступ — токены, из которых панель
-     складывает свою ширину. По вертикали отступ крупнее: у первой группы над
-     заголовком нет ничего, и панель иначе начинается впритык. */
-  --rt-nav-panel-column-width: var(--rt-size-60);
-  --rt-nav-panel-column-gap: var(--rt-space-5);
-  --rt-nav-panel-padding: var(--rt-space-4);
-  --rt-nav-panel-padding-y: var(--rt-space-md);
-  --rt-nav-panel-group-gap: var(--rt-space-8);
-  --rt-nav-panel-item-gap: var(--rt-space-0-5);
-  --rt-nav-panel-item-height: var(--rt-size-6);
-  --rt-nav-panel-item-padding: var(--rt-space-1) var(--rt-space-2);
-  --rt-nav-panel-columns: 1;
-  --rt-nav-panel-color-bg: var(--rt-color-bg-surface);
-  --rt-nav-panel-color-border: var(--rt-neutral-200);
-  --rt-nav-panel-shadow: var(--rt-shadow-nav-panel);
-  /* Второй уровень набран легче первого: ряд разделов держит вес, а полтора
-     десятка пунктов под ним читаются построчно. */
-  --rt-nav-panel-item-font-size: var(--rt-text-sm);
-  --rt-nav-panel-item-font-weight: var(--rt-font-weight-medium);
-  --rt-nav-panel-item-content-gap: var(--rt-space-1);
-  --rt-nav-panel-item-color: var(--rt-neutral-600);
-  --rt-nav-panel-item-color-bg-hover: var(--rt-neutral-50);
-  --rt-nav-panel-item-color-active: var(--rt-color-text-inverse);
-  --rt-nav-panel-item-color-bg-active: var(--rt-color-action-primary);
-  --rt-nav-panel-group-font-size: var(--rt-text-xs);
-  --rt-nav-panel-group-font-weight: var(--rt-font-weight-medium);
-  /* Заголовок группы светлее пункта, и оба берут порог контраста на белой панели.
-     Отношения обеих пар считает проверка тёмной темы; таблица замера — на странице
-     «Colors» витрины. */
-  --rt-nav-panel-group-color: var(--rt-neutral-600);
-  --rt-nav-panel-group-content-gap: var(--rt-space-2);
-  /* Маркер непросмотренного. Точка стоит в потоке следом за подписью — и в ряду
-     разделов, и в панели, и на узком экране: место ей даёт общий зазор
-     содержимого пункта. */
-  --rt-nav-caret-size: var(--rt-size-3);
-  --rt-nav-marker-size: var(--rt-size-1);
-  --rt-nav-marker-color: var(--rt-color-state-danger);
+  /* Группа переключателей видом «чипы»: отдельные пункты с обводкой. Цвета — здесь, на корне:
+     они не зависят от размера группы; размеры объявлены на самом хосте группы. Выбранный пункт
+     в своём виде кита — мягкая марка, обводка у него та же, что у невыбранного. */
+  --rt-toggle-chip-color-border: var(--rt-color-border-default);
+  --rt-toggle-chip-color-text: var(--rt-color-text-muted);
+  --rt-toggle-chip-color-bg-selected: var(--rt-color-action-primary-subtle);
   /* Form field (rt-field) — обёртка анатомии поля: label / help / hint / error /
      required-маркер / read-only значение. Визуал label+hint в стиле Tailwind
      form (мелкий medium label, muted hint). Компоненты потребляют только эти
@@ -5909,8 +6498,11 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-field-hint-font-size: var(--rt-text-xs);
   --rt-field-hint-color: var(--rt-color-text-muted);
   --rt-field-error-font-size: var(--rt-text-xs);
+  --rt-field-messages-line-height: normal;
+  --rt-field-messages-padding-top: 0px;
   --rt-field-error-color: var(--rt-color-state-danger);
   --rt-field-required-color: var(--rt-color-state-danger);
+  --rt-field-required-gap: var(--rt-space-1);
   --rt-field-value-font-size: var(--rt-text-sm);
   --rt-field-value-color: var(--rt-color-text-primary);
   --rt-field-value-empty-color: var(--rt-color-text-muted);
@@ -5989,36 +6581,135 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-list-filter-line-height: var(--rt-leading-none);
   --rt-list-placeholder-min-height: var(--rt-size-60);
   --rt-list-placeholder-grow: 1;
+  /* Навигация (rt-page-header). Шапка — отдельная плашка; отступ от краёв
+     страницы задаёт тот, кто её ставит. */
+  --rt-nav-header-padding: var(--rt-space-2) var(--rt-space-4);
+  --rt-nav-header-color-bg: var(--rt-neutral-50);
+  /* Первый уровень. Пункт ряда несёт плашку цвета самой шапки: на общем фоне её
+     не видно, и белым проступает только активный раздел. Наведение красит
+     подпись, а не фон — иначе оно спорит с этой подсветкой. */
+  --rt-nav-item-height: var(--rt-size-6);
+  --rt-nav-item-gap: var(--rt-space-1);
+  --rt-nav-item-padding: var(--rt-space-2) var(--rt-space-2);
+  --rt-nav-item-content-gap: var(--rt-space-2);
+  --rt-nav-item-font-size: var(--rt-text-sm);
+  --rt-nav-item-font-weight: var(--rt-font-weight-semibold);
+  --rt-nav-item-line-height: var(--rt-leading-none);
+  --rt-nav-item-color: var(--rt-color-text-primary);
+  --rt-nav-item-color-hover: var(--rt-color-action-primary);
+  --rt-nav-item-color-pressed: var(--rt-color-action-primary-hover);
+  --rt-nav-item-color-bg: var(--rt-neutral-50);
+  --rt-nav-item-color-border: var(--rt-neutral-50);
+  --rt-nav-item-color-bg-active: var(--rt-color-bg-surface);
+  --rt-nav-item-color-caret: var(--rt-neutral-200);
+  /* Фокус обведён пунктиром: сплошная рамка на плашке пункта неотличима от его
+     же границы. */
+  --rt-nav-color-focus: var(--rt-color-action-primary);
+  /* Недоступный пункт светлее доступного, а не другого оттенка: общий
+     `text-disabled` уходит в сине-стальной и рядом с серой подписью читается
+     как второй цвет, а не как выключенное состояние. */
+  --rt-nav-color-disabled: var(--rt-neutral-300);
+  /* Попап профиля. Подложку берёт у панели навигации, своего здесь — габариты
+     блока пользователя, тень и набор строк: строк четыре, и они читаются как
+     список действий, а не как выпадающее меню. */
+  --rt-profile-menu-min-width: var(--rt-size-60);
+  --rt-profile-menu-padding: var(--rt-space-5);
+  --rt-profile-menu-shadow: var(--rt-shadow-profile-menu);
+  --rt-profile-menu-border-width: var(--rt-border-width-thin);
+  --rt-profile-menu-radius: var(--rt-radius-md);
+  --rt-profile-avatar-size: var(--rt-size-10);
+  --rt-profile-avatar-font-size: var(--rt-text-2xl);
+  --rt-profile-avatar-border-width: var(--rt-border-width-medium);
+  --rt-profile-avatar-radius: var(--rt-radius-full);
+  --rt-profile-item-padding-y: var(--rt-space-4);
+  --rt-profile-item-content-gap: var(--rt-space-2);
+  --rt-profile-item-font-size: var(--rt-text-md);
+  --rt-profile-item-font-weight: var(--rt-font-weight-medium);
+  --rt-profile-item-radius: var(--rt-radius-md);
+  /* Строки выступают за содержимое панели на половину её отступа: так
+     подсветка на наведении не упирается в рамку, а иконка остаётся на одной
+     вертикали с содержимым. Это же число — горизонтальный отступ строки. */
+  --rt-profile-row-inset: var(--rt-space-2);
+  --rt-profile-theme-icon-padding: var(--rt-space-2);
+  --rt-profile-theme-icon-radius: var(--rt-radius-full);
+  /* Габариты панели второго уровня: ширина считается числом колонок, поэтому
+     колонка, промежуток и внутренний отступ — токены, из которых панель
+     складывает свою ширину. По вертикали отступ крупнее: у первой группы над
+     заголовком нет ничего, и панель иначе начинается впритык. */
+  --rt-nav-panel-column-width: var(--rt-size-60);
+  --rt-nav-panel-column-gap: var(--rt-space-5);
+  --rt-nav-panel-padding: var(--rt-space-4);
+  --rt-nav-panel-padding-y: var(--rt-space-md);
+  --rt-nav-panel-group-gap: var(--rt-space-8);
+  --rt-nav-panel-item-gap: var(--rt-space-0-5);
+  --rt-nav-panel-item-height: var(--rt-size-6);
+  --rt-nav-panel-item-padding: var(--rt-space-1) var(--rt-space-2);
+  --rt-nav-panel-columns: 1;
+  --rt-nav-panel-color-bg: var(--rt-color-bg-surface);
+  --rt-nav-panel-color-border: var(--rt-neutral-200);
+  --rt-nav-panel-shadow: var(--rt-shadow-nav-panel);
+  /* Второй уровень набран легче первого: ряд разделов держит вес, а полтора
+     десятка пунктов под ним читаются построчно. */
+  --rt-nav-panel-item-font-size: var(--rt-text-sm);
+  --rt-nav-panel-item-font-weight: var(--rt-font-weight-medium);
+  --rt-nav-panel-item-content-gap: var(--rt-space-1);
+  --rt-nav-panel-item-color: var(--rt-neutral-600);
+  --rt-nav-panel-item-color-bg-hover: var(--rt-neutral-50);
+  --rt-nav-panel-item-color-active: var(--rt-color-text-inverse);
+  --rt-nav-panel-item-color-bg-active: var(--rt-color-action-primary);
+  --rt-nav-panel-group-font-size: var(--rt-text-xs);
+  --rt-nav-panel-group-font-weight: var(--rt-font-weight-medium);
+  /* Заголовок группы светлее пункта, и оба берут порог контраста на белой панели.
+     Отношения обеих пар считает проверка тёмной темы; таблица замера — на странице
+     «Colors» витрины. */
+  --rt-nav-panel-group-color: var(--rt-neutral-600);
+  --rt-nav-panel-group-content-gap: var(--rt-space-2);
+  /* Маркер непросмотренного. Точка стоит в потоке следом за подписью — и в ряду
+     разделов, и в панели, и на узком экране: место ей даёт общий зазор
+     содержимого пункта. */
+  --rt-nav-caret-size: var(--rt-size-3);
+  --rt-nav-marker-size: var(--rt-size-1);
+  --rt-nav-marker-color: var(--rt-color-state-danger);
+  /* Вкладки (rt-tabs). Полоса выбранной вкладки переезжает на новую, а панель
+     меняется сдвигом по направлению перехода. Сдвиг панели в своём виде кита выключен
+     нулевой длительностью: содержимое вкладки сменяется на месте, как раньше. */
+  --rt-tabs-indicator-duration: var(--rt-duration-base);
+  --rt-tabs-indicator-easing: ease-out;
+  --rt-tabs-panel-duration: 0ms;
+  --rt-tabs-panel-easing: ease-out;
+  /* Прокрутка полосы вкладок стрелками и к выбранной вкладке. */
+  --rt-tabs-scroll-duration: var(--rt-duration-base);
+  --rt-tabs-scroll-easing: ease-out;
   /* Подложки */
   --rt-color-bg-page: var(--rt-mat-neutral-5);
-  --rt-color-bg-surface: var(--mat-sys-surface, var(--rt-mat-neutral-0));
+  --rt-color-bg-surface: var(--rt-sys-surface, var(--rt-mat-neutral-0));
   --rt-color-bg-surface-subtle: var(--rt-mat-overlay-black-4);
-  --rt-color-bg-surface-subtle-2: var(--mat-form-field-filled-container-color, var(--mat-sys-surface-variant, var(--rt-mat-neutral-15)));
+  --rt-color-bg-surface-subtle-2: var(--rt-field-filled-container-color, var(--rt-sys-surface-variant, var(--rt-mat-neutral-15)));
   --rt-color-bg-hover: var(--rt-mat-neutral-10);
   --rt-color-bg-subtle: var(--rt-mat-neutral-10);
   --rt-color-bg-overlay: var(--rt-mat-overlay-black-32);
-  --rt-color-bg-inverse: var(--mat-sys-inverse-surface, var(--rt-mat-neutral-100));
-  --rt-color-bg-nav: var(--mat-sys-primary, var(--rt-mat-navy-100)); /* марка первого кита: обвязка тёмная в обоих наборах */
+  --rt-color-bg-inverse: var(--rt-sys-inverse-surface, var(--rt-mat-neutral-100));
+  --rt-color-bg-nav: var(--rt-sys-primary, var(--rt-mat-navy-100)); /* марка первого кита: обвязка тёмная в обоих наборах */
   --rt-color-bg-page-auth: var(--rt-mat-neutral-5);
   --rt-color-bg-surface-auth-card: var(--rt-mat-neutral-0);
   /* Текст */
-  --rt-color-text-primary: var(--mat-sys-on-surface, var(--rt-mat-neutral-100));
+  --rt-color-text-primary: var(--rt-sys-on-surface, var(--rt-mat-neutral-100));
   --rt-color-text-muted: var(--rt-mat-neutral-60);
-  --rt-color-text-disabled: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-100)) 38%, transparent);
-  --rt-color-text-inverse: var(--mat-sys-inverse-on-surface, var(--rt-mat-neutral-0));
-  --rt-color-text-link: var(--mat-sys-primary, var(--rt-mat-blue-100));
-  --rt-color-text-link-hover: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
+  --rt-color-text-disabled: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-100)) 38%, transparent);
+  --rt-color-text-inverse: var(--rt-sys-inverse-on-surface, var(--rt-mat-neutral-0));
+  --rt-color-text-link: var(--rt-sys-primary, var(--rt-mat-blue-100));
+  --rt-color-text-link-hover: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
   /* Рамки */
   --rt-color-border-default: var(--rt-mat-neutral-25);
   --rt-color-border-strong: var(--rt-mat-neutral-30);
   --rt-color-border-subtle: var(--rt-mat-neutral-20);
   --rt-color-border-focus: var(--rt-mat-blue-40); /* кольцо фокуса первого кита светлее его действия */
   /* Действие: подложка, наведение, нажатие, подпись на них и цвет роли на поверхности */
-  --rt-color-action-primary: var(--mat-sys-primary, var(--rt-mat-blue-100));
-  --rt-color-action-primary-hover: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
-  --rt-color-action-primary-active: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 80%, #000);
-  --rt-color-action-primary-subtle: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 8%, transparent);
-  --rt-color-action-primary-soft: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 24%, transparent);
+  --rt-color-action-primary: var(--rt-sys-primary, var(--rt-mat-blue-100));
+  --rt-color-action-primary-hover: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
+  --rt-color-action-primary-active: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 80%, #000);
+  --rt-color-action-primary-subtle: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 8%, transparent);
+  --rt-color-action-primary-soft: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 24%, transparent);
   --rt-color-action-on-primary: var(--rt-mat-neutral-0);
   --rt-color-action-secondary: var(--rt-mat-neutral-60);
   --rt-color-action-secondary-hover: var(--rt-mat-neutral-hover);
@@ -6033,15 +6724,15 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-color-action-warning-hover: var(--rt-mat-orange-hover);
   --rt-color-action-warning-active: var(--rt-mat-orange-active);
   --rt-color-action-on-warning: var(--rt-mat-neutral-0);
-  --rt-color-action-danger: var(--mat-sys-error, var(--rt-mat-red-100));
-  --rt-color-action-danger-hover: color-mix(in srgb, var(--mat-sys-error, var(--rt-mat-red-100)) 90%, #000);
-  --rt-color-action-danger-active: color-mix(in srgb, var(--mat-sys-error, var(--rt-mat-red-100)) 80%, #000);
+  --rt-color-action-danger: var(--rt-sys-error, var(--rt-mat-red-100));
+  --rt-color-action-danger-hover: color-mix(in srgb, var(--rt-sys-error, var(--rt-mat-red-100)) 90%, #000);
+  --rt-color-action-danger-active: color-mix(in srgb, var(--rt-sys-error, var(--rt-mat-red-100)) 80%, #000);
   --rt-color-action-on-danger: var(--rt-mat-neutral-0);
-  --rt-color-action-info: var(--mat-sys-primary, var(--rt-mat-blue-100));
-  --rt-color-action-info-hover: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
-  --rt-color-action-info-active: color-mix(in srgb, var(--mat-sys-primary, var(--rt-mat-blue-100)) 80%, #000);
+  --rt-color-action-info: var(--rt-sys-primary, var(--rt-mat-blue-100));
+  --rt-color-action-info-hover: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 90%, #000);
+  --rt-color-action-info-active: color-mix(in srgb, var(--rt-sys-primary, var(--rt-mat-blue-100)) 80%, #000);
   --rt-color-action-on-info: var(--rt-mat-neutral-0);
-  --rt-color-action-disabled: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
+  --rt-color-action-disabled: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
   /* Состояния: цвет роли и её светлая подложка */
   --rt-color-state-success: var(--rt-mat-green-100);
   --rt-color-state-success-bg: var(--rt-mat-green-10);
@@ -6049,11 +6740,11 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-color-state-warning: var(--rt-mat-orange-100);
   --rt-color-state-warning-bg: var(--rt-mat-orange-5);
   --rt-color-state-warning-text: var(--rt-mat-orange-100);
-  --rt-color-state-danger: var(--mat-sys-error, var(--rt-mat-red-100));
-  --rt-color-state-danger-bg: var(--mat-sys-error-container, var(--rt-mat-red-10));
-  --rt-color-state-error-text: var(--mat-sys-error, var(--rt-mat-red-100));
-  --rt-color-state-info: var(--mat-sys-primary, var(--rt-mat-blue-100));
-  --rt-color-state-info-bg: var(--mat-sys-primary-container, var(--rt-mat-blue-20));
+  --rt-color-state-danger: var(--rt-sys-error, var(--rt-mat-red-100));
+  --rt-color-state-danger-bg: var(--rt-sys-error-container, var(--rt-mat-red-10));
+  --rt-color-state-error-text: var(--rt-sys-error, var(--rt-mat-red-100));
+  --rt-color-state-info: var(--rt-sys-primary, var(--rt-mat-blue-100));
+  --rt-color-state-info-bg: var(--rt-sys-primary-container, var(--rt-mat-blue-20));
   /* Рельса шагов */
   --rt-color-stepper-track: var(--rt-mat-neutral-30);
   /* Заглушка загрузки: краски те же, что набор давал ей прежде через подложку и
@@ -6061,27 +6752,27 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-color-skeleton-base: var(--rt-mat-neutral-10);
   --rt-color-skeleton-wave: var(--rt-mat-neutral-25);
   /* Шапка таблицы первого кита залита тем же цветом, что залитое поле Material. */
-  --rt-color-table-head-bg: var(--mat-form-field-filled-container-color, var(--mat-sys-surface-variant, var(--rt-mat-overlay-black-4)));
+  --rt-color-table-head-bg: var(--rt-field-filled-container-color, var(--rt-sys-surface-variant, var(--rt-mat-overlay-black-4)));
   /* Черта снизу у залитого поля Material — цвет on-surface-variant темы. */
-  --rt-color-field-fill-underline: var(--mat-sys-on-surface-variant, var(--rt-mat-neutral-30));
+  --rt-color-field-fill-underline: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-30));
   /* Поиск списка первого кита — обведённое или залитое поле Material при плотности −1:
      52px, скругление 4px, рамка цвета outline темы, внутри прозрачное. Ступени 52px нет, высота собрана из ступени
      xl без ступени 1. */
   --rt-list-search-height: calc(var(--rt-control-height-xl) - var(--rt-space-1));
   --rt-list-search-radius: var(--rt-radius-sm);
-  --rt-list-search-color-border: var(--mat-sys-outline, var(--rt-mat-neutral-25));
+  --rt-list-search-color-border: var(--rt-sys-outline, var(--rt-mat-neutral-25));
   --rt-list-search-color-bg: transparent;
   --rt-list-search-width: calc(var(--rt-size-64) + var(--rt-size-24));
   --rt-list-search-padding-x: calc(var(--rt-space-2) + var(--rt-space-1) - var(--rt-border-width-thin));
   --rt-list-search-gap: var(--rt-space-4);
   --rt-list-search-font-size: var(--rt-text-md);
   --rt-list-search-icon-size: var(--rt-size-6);
-  --rt-list-search-icon-color: var(--mat-sys-on-surface-variant, var(--rt-mat-neutral-60));
-  --rt-list-search-color-placeholder: var(--mat-sys-on-surface-variant, var(--rt-mat-neutral-60));
+  --rt-list-search-icon-color: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-60));
+  --rt-list-search-color-placeholder: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-60));
   /* Панель настройки колонок первого кита: плашка колонки залита цветом выбранного пункта
      Material, значки — в тоне on-surface-variant темы. Сняты с панели на витрине первого кита. */
-  --rt-list-settings-item-bg: var(--mat-option-selected-state-layer-color, var(--mat-sys-secondary-container, var(--rt-mat-neutral-10)));
-  --rt-list-settings-icon-color: var(--mat-sys-on-surface-variant, var(--rt-mat-neutral-60));
+  --rt-list-settings-item-bg: var(--rt-option-selected-state-layer-color, var(--rt-sys-secondary-container, var(--rt-mat-neutral-10)));
+  --rt-list-settings-icon-color: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-60));
   /* Кнопки действий панели списка — mat-mini-fab первого кита: круг без заливки с подъёмом 6,
      под указателем подъём 8 и тёмный значок вместо серого; значок 24px, промежуток 16px. */
   --rt-list-action-gap: var(--rt-space-md);
@@ -6092,16 +6783,16 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-list-action-icon-size: var(--rt-size-6);
   --rt-list-action-color: var(--rt-mat-neutral-60);
   --rt-list-table-icon-size: var(--rt-size-6);
-  --rt-list-table-icon-color: var(--mat-sys-on-surface-variant, var(--rt-mat-neutral-60));
-  --rt-list-table-head-divider-color: var(--mat-sys-outline, var(--rt-mat-neutral-30));
+  --rt-list-table-icon-color: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-60));
+  --rt-list-table-head-divider-color: var(--rt-sys-outline, var(--rt-mat-neutral-30));
   --rt-list-table-button-size: calc(var(--rt-size-8) + var(--rt-size-1));
   --rt-list-table-button-radius: var(--rt-radius-full);
   --rt-list-copy-button-size: var(--rt-size-6);
   --rt-list-copy-button-radius: var(--rt-mat-radius-5);
   --rt-list-settings-item-radius: var(--rt-mat-radius-5);
   --rt-list-filter-line-height: var(--rt-size-6);
-  --rt-list-copy-button-bg: var(--mat-fab-small-container-color, var(--rt-mat-neutral-0));
-  --rt-list-copy-button-bg-hover: var(--mat-fab-small-container-color, var(--rt-mat-neutral-0));
+  --rt-list-copy-button-bg: var(--rt-fab-small-container-color, var(--rt-mat-neutral-0));
+  --rt-list-copy-button-bg-hover: var(--rt-fab-small-container-color, var(--rt-mat-neutral-0));
   --rt-list-copy-button-color: var(--rt-mat-neutral-60);
   --rt-list-action-color-hover: var(--rt-mat-neutral-100);
   --rt-list-action-color-bg-hover: transparent;
@@ -6155,23 +6846,23 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
      скруглён только снизу, подсказка 4px без тени. Тень — подъём 2 Material, как у mat-menu и
      mat-select. */
   --rt-overlay-menu-radius: var(--rt-mat-radius-4);
-  --rt-overlay-menu-shadow: var(--mat-sys-level2, var(--rt-mat-shadow-level-2));
+  --rt-overlay-menu-shadow: var(--rt-sys-level2, var(--rt-mat-shadow-level-2));
   --rt-overlay-select-radius: 0 0 var(--rt-mat-radius-4) var(--rt-mat-radius-4);
-  --rt-overlay-select-shadow: var(--mat-sys-level2, var(--rt-mat-shadow-level-2));
+  --rt-overlay-select-shadow: var(--rt-sys-level2, var(--rt-mat-shadow-level-2));
   --rt-overlay-tooltip-radius: var(--rt-mat-radius-4);
   --rt-overlay-tooltip-shadow: none;
   /* Меню строки — mat-menu первого кита: фон контейнера Material, отступ 8px сверху и снизу,
      подписи весом 500, опасный пункт красным первого кита. Выпадающий список — mat-select: пункты
      16px, выбранный — фон текста 12% без жирного и с галочкой. */
-  --rt-overlay-menu-bg: var(--mat-menu-container-color, var(--rt-mat-neutral-0));
+  --rt-overlay-menu-bg: var(--rt-menu-container-color, var(--rt-mat-neutral-0));
   --rt-overlay-menu-padding-y: var(--rt-space-sm);
   --rt-overlay-menu-item-weight: var(--rt-font-weight-medium);
   --rt-overlay-menu-danger-color: var(--rt-mat-red-100);
   --rt-overlay-select-option-font-size: var(--rt-text-md);
-  --rt-overlay-select-selected-bg: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
+  --rt-overlay-select-selected-bg: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
   --rt-overlay-select-selected-weight: var(--rt-font-weight-regular);
   --rt-overlay-select-check-display: inline-flex;
-  --rt-overlay-menu-current-bg: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
+  --rt-overlay-menu-current-bg: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-100)) 12%, transparent);
   --rt-overlay-menu-min-width: var(--rt-mat-menu-min-width);
   --rt-overlay-menu-item-min-height: var(--rt-size-12);
   --rt-overlay-menu-item-padding-y: 0px;
@@ -6185,6 +6876,78 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-icon-button-disabled-opacity: 1;
   --rt-icon-button-disabled-color: var(--rt-color-text-disabled);
   --rt-icon-button-disabled-fill: 0%;
+  /* Обведённое поле Material: прозрачное, рамка цвета outline темы, фокус — рамка в два
+     пикселя цветом марки без внешнего кольца. Вторая линия рамки фокуса — внутренняя тень. */
+  --rt-input-color-bg: transparent;
+  --rt-input-color-border: var(--rt-sys-outline, var(--rt-mat-neutral-60));
+  --rt-input-focus-shadow: inset 0 0 0 1px var(--rt-input-color-border-focus);
+  --rt-input-focus-shadow-error: inset 0 0 0 1px var(--rt-input-color-border-error);
+  /* Размер поля Material: 56 px при плотности 0 и на 4 px меньше за каждый шаг, значение 16 px.
+     Шаг приходит свойством `--rt-input-density`, которое ставит атрибут `data-rt-density` на поле
+     или на любом предке, — правила в `_density.scss`. Высота считается здесь, на узле с признаком
+     набора, из унаследованного шага: атрибут на корне приложения доходит и до поля со своим
+     признаком набора. Своя высота приложения — `--rt-input-height-app` на любом предке; она сильнее
+     плотности и не перебивается набором на самом поле. */
+  --rt-input-height-md: var(
+      --rt-input-height-app,
+      calc(var(--rt-size-12) + var(--rt-size-2) - var(--rt-input-density) * var(--rt-size-1))
+  );
+  --rt-input-height: var(--rt-input-height-md);
+  /* Крупная ступень `size` не ниже средней высоты набора: 48 px кита под набором вышли бы ниже
+     поля по умолчанию (56 px). Малая ступень остаётся ступенью кита — по ней стоят поиск списка и
+     правка на месте. */
+  --rt-input-height-lg: max(var(--rt-control-height-lg), var(--rt-input-height-md));
+  --rt-input-font-size: var(--rt-text-md);
+  /* Подсказка, подпись в покое, значки и стрелка поля — цвета on-surface-variant темы Material,
+     каретка — цвета марки, значки 24 px, как у поля Material. Без темы Material цвета прежние. */
+  --rt-input-color-text-placeholder: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-60));
+  --rt-input-icon-color: var(--rt-sys-on-surface-variant, var(--rt-neutral-600));
+  --rt-input-icon-size: var(--rt-size-6);
+  --rt-input-caret-color: var(--rt-color-action-primary);
+  /* Отключённое поле Material: поле не тускнеет целиком — рамка on-surface 12%, текст и
+     подсказка on-surface 38%. */
+  --rt-input-disabled-field-opacity: 1;
+  --rt-input-color-border-disabled: var(--rt-color-action-disabled);
+  --rt-input-color-text-disabled: var(--rt-color-text-disabled);
+  --rt-input-color-placeholder-disabled: var(--rt-color-text-disabled);
+  --rt-input-color-bg-disabled: transparent;
+  /* Крестик очистки — крестик первого кита: 19 px, значок 12 px, серый, в 8 px от края поля и в
+     4 px от текста. Отступ от края считается от правого поля в 4 px, как у поля Material с крестиком. */
+  --rt-input-clear-size: 19px;
+  --rt-input-clear-icon-size: var(--rt-size-3);
+  --rt-input-clear-color: var(--rt-mat-neutral-60);
+  --rt-input-clear-offset-end: calc(var(--rt-space-2) - var(--rt-space-1));
+  --rt-input-clear-offset-start: calc(var(--rt-space-1) - var(--rt-input-gap));
+  --rt-input-fill-color-bg-disabled: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-100)) 4%, transparent);
+  --rt-input-clear-bg: var(--rt-mat-neutral-25);
+  --rt-input-clear-bg-hover: var(--rt-input-clear-bg);
+  --rt-input-clear-radius: var(--rt-radius-full);
+  /* Залитое поле Material: рамки сверху и по бокам нет, только черта снизу; в фокусе черта
+     вдвое толще цветом марки, у недействительного поля — цветом ошибки. */
+  --rt-input-fill-edge: 0px;
+  --rt-input-fill-focus-shadow: inset 0 -1px 0 0 var(--rt-input-color-border-focus);
+  --rt-input-fill-focus-shadow-error: inset 0 -1px 0 0 var(--rt-input-color-border-error);
+  /* Звёздочка обязательного поля — цвета подписи, как у поля Material; цвет ошибки она берёт
+     только у недействительного поля, правилом самого поля. */
+  --rt-field-required-color: currentcolor;
+  --rt-field-required-gap: 0px;
+  /* Строка под полем — строка подсказки Material: 16 px высотой и 4 px над ней. */
+  --rt-field-messages-line-height: var(--rt-size-4);
+  --rt-field-messages-padding-top: var(--rt-space-1);
+  /* Группа переключателей видом «чипы» — фильтр-чип Material: обводка цвета outline темы,
+     выбранный залит secondary-container, отключённый — текст 38 %, обводка 12 %. Обводку и цвет
+     текста у выбранного задаёт лист чипов: своё имя каждому стоило бы по разу на тему, набор и
+     островок, а начальный пакет приложения-образца стоит у порога. */
+  --rt-toggle-chip-color-border: var(--rt-sys-outline, var(--rt-mat-neutral-60));
+  --rt-toggle-chip-color-text: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-70));
+  --rt-toggle-chip-color-bg-selected: var(--rt-sys-secondary-container, var(--rt-mat-neutral-25));
+  /* Вкладки: полоса и панель движутся, как у вкладок Material, — полсекунды с той же кривой. */
+  --rt-tabs-indicator-duration: var(--rt-duration-slower);
+  --rt-tabs-indicator-easing: cubic-bezier(0.35, 0, 0.25, 1);
+  --rt-tabs-panel-duration: var(--rt-duration-slower);
+  --rt-tabs-panel-easing: cubic-bezier(0.35, 0, 0.25, 1);
+  --rt-tabs-scroll-duration: var(--rt-duration-slower);
+  --rt-tabs-scroll-easing: cubic-bezier(0.35, 0, 0.25, 1);
   /* The Material colours of the page are resolved dark under the kit's dark theme. */
   color-scheme: dark;
   /* Background — тёплый графит */
@@ -6235,6 +6998,14 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   --rt-pagination-field-color-bg: var(--rt-input-color-bg);
   --rt-pagination-field-color-text: var(--rt-input-color-text);
   --rt-input-icon-color: var(--rt-neutral-600);
+  --rt-input-clear-color: var(--rt-neutral-600);
+  --rt-input-clear-bg: transparent;
+  --rt-input-clear-bg-hover: var(--rt-icon-button-color-bg-hover);
+  --rt-toggle-chip-color-border: var(--rt-color-border-default);
+  --rt-toggle-chip-color-text: var(--rt-color-text-muted);
+  --rt-toggle-chip-color-bg-selected: var(--rt-color-action-primary-subtle);
+  --rt-input-fill-color-bg-disabled: var(--rt-color-bg-surface-subtle-2);
+  --rt-input-color-text-placeholder: var(--rt-color-text-muted);
   /* Stepper — в dark рельса уходит от яркого синего к приглушённому серо-синему
      (текущий шаг остаётся янтарным из light-семантики). */
   --rt-color-stepper-track: var(--rt-navy-600);
@@ -6323,42 +7094,49 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
   /* Skeleton — заглушка загрузки: покой и гребень волны. */
   --rt-color-skeleton-base: var(--rt-charcoal-950);
   --rt-color-skeleton-wave: var(--rt-charcoal-border);
-  --rt-color-bg-surface: var(--mat-sys-surface, var(--rt-charcoal-800));
-  --rt-color-bg-surface-subtle-2: var(--mat-form-field-filled-container-color, var(--mat-sys-surface-variant, var(--rt-charcoal-950)));
-  --rt-color-bg-inverse: var(--mat-sys-inverse-surface, var(--rt-neutral-0));
-  --rt-color-text-primary: var(--mat-sys-on-surface, var(--rt-neutral-50));
-  --rt-color-text-disabled: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-0)) 38%, transparent);
-  --rt-color-text-inverse: var(--mat-sys-inverse-on-surface, var(--rt-neutral-900));
-  --rt-color-text-link: var(--mat-sys-primary, var(--rt-brand-300));
+  --rt-color-bg-surface: var(--rt-sys-surface, var(--rt-charcoal-800));
+  --rt-color-bg-surface-subtle-2: var(--rt-field-filled-container-color, var(--rt-sys-surface-variant, var(--rt-charcoal-950)));
+  --rt-color-bg-inverse: var(--rt-sys-inverse-surface, var(--rt-neutral-0));
+  --rt-color-text-primary: var(--rt-sys-on-surface, var(--rt-neutral-50));
+  --rt-color-text-disabled: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-0)) 38%, transparent);
+  --rt-color-text-inverse: var(--rt-sys-inverse-on-surface, var(--rt-neutral-900));
+  --rt-color-text-link: var(--rt-sys-primary, var(--rt-brand-300));
   --rt-color-border-subtle: var(--rt-mat-dark-20);
-  --rt-color-action-disabled: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-0)) 12%, transparent);
-  --rt-color-state-danger-bg: var(--mat-sys-error-container, color-mix(in srgb, var(--rt-danger-500) 12%, transparent));
-  --rt-color-state-error-text: var(--mat-sys-error, var(--rt-danger-500));
-  --rt-color-state-info-bg: var(--mat-sys-primary-container, color-mix(in srgb, var(--rt-info-500) 12%, transparent));
-  --rt-color-table-head-bg: var(
-      --mat-form-field-filled-container-color,
-      var(--mat-sys-surface-variant, var(--rt-color-bg-surface-subtle))
-  );
-  --rt-color-field-fill-underline: var(--mat-sys-on-surface-variant, var(--rt-color-border-strong));
-  --rt-list-search-color-border: var(--mat-sys-outline, var(--rt-input-color-border));
+  --rt-color-action-disabled: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-0)) 12%, transparent);
+  --rt-color-state-danger-bg: var(--rt-sys-error-container, color-mix(in srgb, var(--rt-danger-500) 12%, transparent));
+  --rt-color-state-error-text: var(--rt-sys-error, var(--rt-danger-500));
+  --rt-color-state-info-bg: var(--rt-sys-primary-container, color-mix(in srgb, var(--rt-info-500) 12%, transparent));
+  --rt-color-table-head-bg: var(--rt-field-filled-container-color, var(--rt-sys-surface-variant, var(--rt-color-bg-surface-subtle)));
+  --rt-color-field-fill-underline: var(--rt-sys-on-surface-variant, var(--rt-color-border-strong));
+  --rt-list-search-color-border: var(--rt-sys-outline, var(--rt-input-color-border));
   --rt-list-search-color-bg: transparent;
-  --rt-list-search-icon-color: var(--mat-sys-on-surface-variant, var(--rt-input-icon-color));
-  --rt-list-search-color-placeholder: var(--mat-sys-on-surface-variant, var(--rt-input-color-text-placeholder));
-  --rt-list-settings-item-bg: var(--mat-option-selected-state-layer-color, var(--mat-sys-secondary-container, var(--rt-color-bg-subtle)));
-  --rt-list-settings-icon-color: var(--mat-sys-on-surface-variant, var(--rt-color-text-muted));
-  --rt-list-table-icon-color: var(--mat-sys-on-surface-variant, var(--rt-color-text-primary));
-  --rt-list-table-head-divider-color: var(--mat-sys-outline, var(--rt-color-border-strong));
-  --rt-list-copy-button-bg: var(--mat-fab-small-container-color, transparent);
-  --rt-list-copy-button-bg-hover: var(--mat-fab-small-container-color, var(--rt-icon-button-color-bg-hover));
+  --rt-list-search-icon-color: var(--rt-sys-on-surface-variant, var(--rt-input-icon-color));
+  --rt-list-search-color-placeholder: var(--rt-sys-on-surface-variant, var(--rt-input-color-text-placeholder));
+  --rt-list-settings-item-bg: var(--rt-option-selected-state-layer-color, var(--rt-sys-secondary-container, var(--rt-color-bg-subtle)));
+  --rt-list-settings-icon-color: var(--rt-sys-on-surface-variant, var(--rt-color-text-muted));
+  --rt-list-table-icon-color: var(--rt-sys-on-surface-variant, var(--rt-color-text-primary));
+  --rt-list-table-head-divider-color: var(--rt-sys-outline, var(--rt-color-border-strong));
+  --rt-list-copy-button-bg: var(--rt-fab-small-container-color, transparent);
+  --rt-list-copy-button-bg-hover: var(--rt-fab-small-container-color, var(--rt-icon-button-color-bg-hover));
   --rt-pagination-box-color-border: var(--rt-mat-dark-30);
   --rt-pagination-box-color-text: var(--rt-mat-neutral-40);
   --rt-pagination-box-current-color-bg: var(--rt-mat-neutral-40);
   --rt-pagination-box-current-color-text: var(--rt-mat-neutral-0);
   --rt-pagination-box-current-color-border: var(--rt-mat-dark-30);
   --rt-pagination-arrow-shadow: inset 0 0 0 var(--rt-border-width-thin) var(--rt-mat-dark-30);
-  --rt-overlay-menu-bg: var(--mat-menu-container-color, var(--rt-color-bg-surface));
-  --rt-overlay-select-selected-bg: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-0)) 12%, transparent);
-  --rt-overlay-menu-current-bg: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-0)) 12%, transparent);
+  --rt-overlay-menu-bg: var(--rt-menu-container-color, var(--rt-color-bg-surface));
+  --rt-overlay-select-selected-bg: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-0)) 12%, transparent);
+  --rt-overlay-menu-current-bg: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-0)) 12%, transparent);
+  --rt-input-color-border: var(--rt-sys-outline, var(--rt-charcoal-border));
+  --rt-input-color-text-placeholder: var(--rt-sys-on-surface-variant, var(--rt-color-text-muted));
+  --rt-input-icon-color: var(--rt-sys-on-surface-variant, var(--rt-neutral-600));
+  --rt-input-clear-color: var(--rt-mat-neutral-40);
+  --rt-input-fill-color-bg-disabled: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-0)) 4%, transparent);
+  --rt-input-clear-bg: var(--rt-mat-neutral-70);
+  --rt-input-clear-bg-hover: var(--rt-input-clear-bg);
+  --rt-toggle-chip-color-border: var(--rt-sys-outline, var(--rt-mat-neutral-40));
+  --rt-toggle-chip-color-text: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-25));
+  --rt-toggle-chip-color-bg-selected: var(--rt-sys-secondary-container, var(--rt-mat-neutral-70));
 }
 @media (pointer: coarse) {
   [data-preset=material][data-theme=dark]:not(:root),
@@ -6376,42 +7154,109 @@ html.rt-theme-dark [data-theme=light] .rt-preset-material {
 :root[data-theme=dark].rt-preset-material,
 html.rt-theme-dark[data-preset=material],
 html.rt-theme-dark.rt-preset-material {
-  --rt-color-bg-surface: var(--mat-sys-surface, var(--rt-charcoal-800));
-  --rt-color-bg-surface-subtle-2: var(--mat-form-field-filled-container-color, var(--mat-sys-surface-variant, var(--rt-charcoal-950)));
-  --rt-color-bg-inverse: var(--mat-sys-inverse-surface, var(--rt-neutral-0));
-  --rt-color-text-primary: var(--mat-sys-on-surface, var(--rt-neutral-50));
-  --rt-color-text-disabled: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-0)) 38%, transparent);
-  --rt-color-text-inverse: var(--mat-sys-inverse-on-surface, var(--rt-neutral-900));
-  --rt-color-text-link: var(--mat-sys-primary, var(--rt-brand-300));
+  --rt-color-bg-surface: var(--rt-sys-surface, var(--rt-charcoal-800));
+  --rt-color-bg-surface-subtle-2: var(--rt-field-filled-container-color, var(--rt-sys-surface-variant, var(--rt-charcoal-950)));
+  --rt-color-bg-inverse: var(--rt-sys-inverse-surface, var(--rt-neutral-0));
+  --rt-color-text-primary: var(--rt-sys-on-surface, var(--rt-neutral-50));
+  --rt-color-text-disabled: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-0)) 38%, transparent);
+  --rt-color-text-inverse: var(--rt-sys-inverse-on-surface, var(--rt-neutral-900));
+  --rt-color-text-link: var(--rt-sys-primary, var(--rt-brand-300));
   --rt-color-border-subtle: var(--rt-mat-dark-20);
-  --rt-color-action-disabled: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-0)) 12%, transparent);
-  --rt-color-state-danger-bg: var(--mat-sys-error-container, color-mix(in srgb, var(--rt-danger-500) 12%, transparent));
-  --rt-color-state-error-text: var(--mat-sys-error, var(--rt-danger-500));
-  --rt-color-state-info-bg: var(--mat-sys-primary-container, color-mix(in srgb, var(--rt-info-500) 12%, transparent));
-  --rt-color-table-head-bg: var(
-      --mat-form-field-filled-container-color,
-      var(--mat-sys-surface-variant, var(--rt-color-bg-surface-subtle))
-  );
-  --rt-color-field-fill-underline: var(--mat-sys-on-surface-variant, var(--rt-color-border-strong));
-  --rt-list-search-color-border: var(--mat-sys-outline, var(--rt-input-color-border));
+  --rt-color-action-disabled: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-0)) 12%, transparent);
+  --rt-color-state-danger-bg: var(--rt-sys-error-container, color-mix(in srgb, var(--rt-danger-500) 12%, transparent));
+  --rt-color-state-error-text: var(--rt-sys-error, var(--rt-danger-500));
+  --rt-color-state-info-bg: var(--rt-sys-primary-container, color-mix(in srgb, var(--rt-info-500) 12%, transparent));
+  --rt-color-table-head-bg: var(--rt-field-filled-container-color, var(--rt-sys-surface-variant, var(--rt-color-bg-surface-subtle)));
+  --rt-color-field-fill-underline: var(--rt-sys-on-surface-variant, var(--rt-color-border-strong));
+  --rt-list-search-color-border: var(--rt-sys-outline, var(--rt-input-color-border));
   --rt-list-search-color-bg: transparent;
-  --rt-list-search-icon-color: var(--mat-sys-on-surface-variant, var(--rt-input-icon-color));
-  --rt-list-search-color-placeholder: var(--mat-sys-on-surface-variant, var(--rt-input-color-text-placeholder));
-  --rt-list-settings-item-bg: var(--mat-option-selected-state-layer-color, var(--mat-sys-secondary-container, var(--rt-color-bg-subtle)));
-  --rt-list-settings-icon-color: var(--mat-sys-on-surface-variant, var(--rt-color-text-muted));
-  --rt-list-table-icon-color: var(--mat-sys-on-surface-variant, var(--rt-color-text-primary));
-  --rt-list-table-head-divider-color: var(--mat-sys-outline, var(--rt-color-border-strong));
-  --rt-list-copy-button-bg: var(--mat-fab-small-container-color, transparent);
-  --rt-list-copy-button-bg-hover: var(--mat-fab-small-container-color, var(--rt-icon-button-color-bg-hover));
+  --rt-list-search-icon-color: var(--rt-sys-on-surface-variant, var(--rt-input-icon-color));
+  --rt-list-search-color-placeholder: var(--rt-sys-on-surface-variant, var(--rt-input-color-text-placeholder));
+  --rt-list-settings-item-bg: var(--rt-option-selected-state-layer-color, var(--rt-sys-secondary-container, var(--rt-color-bg-subtle)));
+  --rt-list-settings-icon-color: var(--rt-sys-on-surface-variant, var(--rt-color-text-muted));
+  --rt-list-table-icon-color: var(--rt-sys-on-surface-variant, var(--rt-color-text-primary));
+  --rt-list-table-head-divider-color: var(--rt-sys-outline, var(--rt-color-border-strong));
+  --rt-list-copy-button-bg: var(--rt-fab-small-container-color, transparent);
+  --rt-list-copy-button-bg-hover: var(--rt-fab-small-container-color, var(--rt-icon-button-color-bg-hover));
   --rt-pagination-box-color-border: var(--rt-mat-dark-30);
   --rt-pagination-box-color-text: var(--rt-mat-neutral-40);
   --rt-pagination-box-current-color-bg: var(--rt-mat-neutral-40);
   --rt-pagination-box-current-color-text: var(--rt-mat-neutral-0);
   --rt-pagination-box-current-color-border: var(--rt-mat-dark-30);
   --rt-pagination-arrow-shadow: inset 0 0 0 var(--rt-border-width-thin) var(--rt-mat-dark-30);
-  --rt-overlay-menu-bg: var(--mat-menu-container-color, var(--rt-color-bg-surface));
-  --rt-overlay-select-selected-bg: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-0)) 12%, transparent);
-  --rt-overlay-menu-current-bg: color-mix(in srgb, var(--mat-sys-on-surface, var(--rt-mat-neutral-0)) 12%, transparent);
+  --rt-overlay-menu-bg: var(--rt-menu-container-color, var(--rt-color-bg-surface));
+  --rt-overlay-select-selected-bg: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-0)) 12%, transparent);
+  --rt-overlay-menu-current-bg: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-0)) 12%, transparent);
+  --rt-input-color-border: var(--rt-sys-outline, var(--rt-charcoal-border));
+  --rt-input-color-text-placeholder: var(--rt-sys-on-surface-variant, var(--rt-color-text-muted));
+  --rt-input-icon-color: var(--rt-sys-on-surface-variant, var(--rt-neutral-600));
+  --rt-input-clear-color: var(--rt-mat-neutral-40);
+  --rt-input-fill-color-bg-disabled: color-mix(in srgb, var(--rt-sys-on-surface, var(--rt-mat-neutral-0)) 4%, transparent);
+  --rt-input-clear-bg: var(--rt-mat-neutral-70);
+  --rt-input-clear-bg-hover: var(--rt-input-clear-bg);
+  --rt-toggle-chip-color-border: var(--rt-sys-outline, var(--rt-mat-neutral-40));
+  --rt-toggle-chip-color-text: var(--rt-sys-on-surface-variant, var(--rt-mat-neutral-25));
+  --rt-toggle-chip-color-bg-selected: var(--rt-sys-secondary-container, var(--rt-mat-neutral-70));
+}
+
+/* Плотность полей материального набора — как плотность Material: каждый шаг вниз снимает с
+   высоты поля 4 px, от 56 px при нуле до 36 px при −5. Шаг назначает атрибут `data-rt-density`
+   на самом поле или на любом его предке: на предке он действует на все поля внутри.
+
+   Атрибут ставит не высоту, а число шагов — свойство `--rt-input-density`, и оно наследуется.
+   Высоту считает материальный набор на своём узле из унаследованного шага. Поэтому атрибут на корне
+   приложения доходит и до поля, у которого свой признак набора: набор на поле пересчитывает высоту
+   из того же шага, а не возвращает 56 px.
+
+   Узел с атрибутом ниже узла с набором пересчитывает высоту сам: набор вычислил её на своём узле, и
+   шаг, назначенный ниже, туда не доходит. Высоту поля читает десяток компонентов, и все они получают
+   её отсюда, не зная о плотности.
+
+   В своём виде кита атрибут ничего не делает: шкалу высот там задаёт вход `size`, а шаг без набора
+   никто не читает. */
+/* Шаг плотности не объявлен в наборе назначений: островок набора объявляет весь набор заново на своём
+   узле и сбросил бы шаг, пришедший с предка, в ноль. Начальный ноль даёт регистрация свойства — она
+   ничего не объявляет на узлах, и шаг предка наследуется сквозь любой признак набора. */
+@property --rt-input-density {
+  inherits: true;
+  initial-value: 0;
+  syntax: "<number>";
+}
+/* rt-layer-outside: высоту объявляет материальный набор вне слоёв, в `_preset-material.scss`, а
+   объявление вне слоя сильнее любого слоистого. В слое `rt-kit.components` плотность проигрывала бы
+   набору на том же узле — атрибут рядом с признаком набора ничего бы не менял. Плотность стоит вне
+   слоя и после набора, поэтому выигрывает местом. Островок темы с набором на том же узле объявляет
+   назначения правилом с `:not(:root)` — на один шаг сильнее; третий селектор равен ему по силе и
+   выигрывает тем же местом. */
+[data-rt-density="0"] {
+  --rt-input-density: 0;
+}
+
+[data-rt-density="-1"] {
+  --rt-input-density: 1;
+}
+
+[data-rt-density="-2"] {
+  --rt-input-density: 2;
+}
+
+[data-rt-density="-3"] {
+  --rt-input-density: 3;
+}
+
+[data-rt-density="-4"] {
+  --rt-input-density: 4;
+}
+
+[data-rt-density="-5"] {
+  --rt-input-density: 5;
+}
+
+:where(.rt-preset-material, [data-preset=material]) [data-rt-density],
+:is(.rt-preset-material, [data-preset=material])[data-rt-density],
+:is(.rt-preset-material, [data-preset=material])[data-rt-density]:not(:root) {
+  --rt-input-height-md: var(--rt-input-height-app, calc(var(--rt-size-12) + var(--rt-size-2) - var(--rt-input-density) * var(--rt-size-1)));
+  --rt-input-height: var(--rt-input-height-md);
 }
 
 @layer rt-kit.base {
@@ -6859,7 +7704,11 @@ html.rt-theme-dark.rt-preset-material {
   .rt-button--pressed {
     background: var(--rt-btn-bg-active);
   }
-  .rt-button:focus-visible {
+  .rt-button {
+    /* Фокус от мыши и касания кольца не рисует, как у Material: браузер ставит `:focus-visible` и
+       на фокус из кода после нажатия мышью — окно открылось кликом и перевело фокус на кнопку. */
+  }
+  .rt-button:focus-visible:not(.cdk-mouse-focused, .cdk-touch-focused) {
     box-shadow: var(--rt-btn-focus-shadow);
     outline: 2px solid transparent;
     outline-offset: 2px;
@@ -7191,3 +8040,86 @@ html.rt-theme-dark.rt-preset-material {
     }
   }
 }
+@layer rt-kit.components {
+  /* Хост пузырька: точка отсчёта для угла. Слой кита ниже слоёв приложения, и хост, которому
+     нужна своя позиция, задаёт её правилом приложения. */
+  .rt-badge-host {
+    position: relative;
+  }
+  /* rt-badge — пузырёк-счётчик на углу хоста. Узел ставит директива `rtBadge`. С `--overlap`
+     центр пузырька стоит на углу хоста, без него пузырёк начинается у края хоста и подпись не
+     накрывает. По вертикали центр пузырька в обоих случаях на верхнем или нижнем крае. */
+  .rt-badge {
+    --rt-badge-size: var(--rt-size-5);
+    --rt-badge-font-size: var(--rt-text-2xs);
+    --rt-badge-padding-inline: var(--rt-space-1);
+    --rt-badge-radius: var(--rt-radius-full);
+    --rt-badge-bg: var(--rt-color-action-primary);
+    --rt-badge-color: var(--rt-color-action-on-primary);
+    --rt-badge-shift: calc(var(--rt-badge-size) / 2);
+    position: absolute;
+    z-index: 1;
+    display: inline-flex;
+    min-width: var(--rt-badge-size);
+    height: var(--rt-badge-size);
+    box-sizing: border-box;
+    align-items: center;
+    justify-content: center;
+    border-radius: var(--rt-badge-radius);
+    background: var(--rt-badge-bg);
+    color: var(--rt-badge-color);
+    font-family: var(--rt-font-family-sans);
+    font-size: var(--rt-badge-font-size);
+    font-style: normal;
+    font-weight: var(--rt-font-weight-semibold);
+    line-height: 1;
+    padding-inline: var(--rt-badge-padding-inline);
+    pointer-events: none;
+    white-space: nowrap;
+  }
+  .rt-badge--size--sm {
+    --rt-badge-size: var(--rt-size-4);
+    --rt-badge-font-size: var(--rt-text-3xs);
+  }
+  .rt-badge--position--above-after, .rt-badge--position--above-before {
+    bottom: calc(100% - var(--rt-badge-shift));
+  }
+  .rt-badge--position--below-after, .rt-badge--position--below-before {
+    top: calc(100% - var(--rt-badge-shift));
+  }
+  .rt-badge--position--above-after, .rt-badge--position--below-after {
+    left: 100%;
+  }
+  .rt-badge--position--above-before, .rt-badge--position--below-before {
+    right: 100%;
+  }
+  .rt-badge--overlap.rt-badge--position--above-after, .rt-badge--overlap.rt-badge--position--below-after {
+    left: calc(100% - var(--rt-badge-shift));
+  }
+  .rt-badge--overlap.rt-badge--position--above-before, .rt-badge--overlap.rt-badge--position--below-before {
+    right: calc(100% - var(--rt-badge-shift));
+  }
+  .rt-badge--color--secondary {
+    --rt-badge-bg: var(--rt-color-action-secondary);
+    --rt-badge-color: var(--rt-color-action-on-secondary);
+  }
+  .rt-badge--color--info {
+    --rt-badge-bg: var(--rt-color-action-info);
+    --rt-badge-color: var(--rt-color-action-on-info);
+  }
+  .rt-badge--color--success {
+    --rt-badge-bg: var(--rt-color-action-success);
+    --rt-badge-color: var(--rt-color-action-on-success);
+  }
+  .rt-badge--color--warning {
+    --rt-badge-bg: var(--rt-color-action-warning);
+    --rt-badge-color: var(--rt-color-action-on-warning);
+  }
+  .rt-badge--color--danger {
+    --rt-badge-bg: var(--rt-color-action-danger);
+    --rt-badge-color: var(--rt-color-action-on-danger);
+  }
+  .rt-badge--hidden {
+    display: none;
+  }
+}