/* ═══════════════════════════════════════════════════════════════════════ CRA UI v3 — слой КОМПОНЕНТОВ. Токены: cra-tokens.css (не дублировать). Полный текст стандарта: docs/ak-air-design-v3_0.md (П5). Здесь реализованы ТОЛЬКО согласованные компоненты, один в один по файлам дизайна; ничего сверх них в этом слое не заводится (ст. 9.1, 13.3): · CRA_components-small_v1.1 — кнопки, поля, выбор, статусы, шкалы, чипы, счётчики, ссылки, сообщения; · Crawler_table_v1.4 — оболочка таблицы, тулбар, панель выделения, строки трёх уровней, подвал, пустота; · Crawler_card_v1.5 — носитель карточки: сцена, затемнение, шапка, чипы, вкладки, тело; · Crawler_modal_v1.1 — модалки, тосты, плашка долгой операции; · CRA_header-proto_v1.1 — шапка: логотип, разделы, выпадашки, глобальная зона, меню пользователя; · Crawler_states_v1.3 — свод состояний: пустота, скелет загрузки, ошибка и отказ доступа, тосты (разд. 15). ── Префикс классов: cra- ── Выбран один на весь слой и держится без исключений. Почему именно он: 1) имена из макетов (.btn, .st, .note, .wrap, .empty, .inp, .seg, .shell, .toolbar, .count, .pxbar) — локальные имена прототипов; первые пять уже заняты в app.css, и перенос «как есть» перекрасил бы старые экраны; 2) префикс ak- занят живым слоем ak.css (996 строк): второе объявление .ak-table рядом с первым — это расходящиеся копии одного компонента, тот же класс ошибки, что расходящиеся копии фильтра live_links(); 3) ст. 9.1 стандарта на такой случай велит брать префикс ПРОЕКТА — проект в дизайн-папке называется CRA (CRA_theme-passport, CRA_header-proto), отсюда cra-. Отступление от «одного набора ak- на проект» записано в docs/deviations.md в момент принятия решения. Имена компонентов соответствуют словарю Приложения Б: cra-table, cra-card, cra-modal, cra-toast, cra-empty, cra-badge → cra-status и т.д. ── Область действия ── Каждое правило начинается с [data-ui="v3"]: где атрибута на нет, слой не применяется. Атрибут стоит РОВНО В ОДНОМ месте — в новой оболочке app/ui/templates/cra_shell.html; base.html и JS его не ставят, поэтому 24 старых экрана этот слой не видят вовсе. Правила слоя (гл. 9): ни одного цветового литерала мимо var(); без !important; без стилей по id; без классов под конкретную таблицу или страницу; логические свойства вместо left/right. ═══════════════════════════════════════════════════════════════════════ */ /* ══ 0. ОБОЛОЧКА СТРАНИЦЫ ══════════════════════════════════════════════ Паспорт ст. 6.6: фон — сетка-точки 16px зелёным; на панелях сетки нет. */ [data-ui="v3"] { color-scheme: dark; } [data-ui="v3"][data-theme="light"] { color-scheme: light; } [data-ui="v3"] * { box-sizing: border-box; } /* Кнопка, поле и список НЕ наследуют шрифт страницы — это умолчание браузера, а не решение набора. Видно было на одном компоненте сразу: ui.ib рисует то , то