/* ============================================================ MEDINA EDU — светлая тема «МЕДИНА МАНУСКРИПТ» Версия: 1.26.0 (обязана совпадать с MEL_TEMA_VER в medina-tema.php; сверяет test-versii.php) ------------------------------------------------------------ 48 значений палитры внутренней части платформы: кабинет, панель руководителя, класс, разбор работ, мессенджер. Тёмная тема «Медина Лакшери» НЕ ТРОГАЕТСЯ. Этот файл только добавляет второй набор значений тем же именам. ПОРЯДОК ПОДКЛЮЧЕНИЯ. Этот файл идёт ПОСЛЕ набора, где объявлены тёмные значения, и НЕ переопределяет их в :root — он объявляет их под [data-me-theme="light"]. Без пометки на странице всё остаётся тёмным, как сейчас. ЧИСЛА КОНТРАСТА в комментариях посчитаны переводом OKLCH в линейный sRGB — той же формулой, что в palette-proof.dc.html. Разойдутся — верить proof-файлу: он считает при открытии. ПАЛИТРА ОБЪЯВЛЕНА В ПЛАГИНЕ ТРИЖДЫ (кабинет, панель, поля админки) и наборы не связаны. Светлые значения нужно внести во ВСЕ ТРИ, иначе получится то же, что с кнопкой «Огласовки»: переменная объявлена в CSS панели, а нужна в CSS класса. Список мест — в разделе 3 спецификации. ============================================================ */ [data-me-theme="light"] { /* ---------- Лестница фонов ---------- ЧИТАТЬ ПЕРВОЙ. Порядок значений здесь ОБРАТНЫЙ тёмной теме. Тёмная: вложенное СВЕТЛЕЕ того, во что вложено. canvas 0.15 → surface 0.19 → bg 0.21 → row-hover 0.24 → track 0.28 Светлая: карточка ПОДНЯТА над пергаментом, страница и то, что вложено в карточку, отступают ВНИЗ. surface 0.985 → raised 0.978 → bar 0.975 → row-hover 0.972 → canvas 0.965 (страница) → bg 0.955 → track 0.925 Смысл тот же: вложенное отличается от того, во что вложено. Но если по привычке взять «ступень вверх», выйдет наоборот. Плашка внутри карточки — это --me-bg, ступень ВНИЗ. ПЕРЕДЕЛАНО 14 сентября 2026 по пакету дизайнера от 11 сентября (`dizayn-11-sentyabrya/theme-kit/`). Прежняя лестница была surface 0.995 → raised 0.985 → row-hover 0.975 → bg 0.965 → canvas 0.955 → track 0.925, и владелец сказал прямо: «слишком много белого». Причина названа числом, а не на глаз: карточки занимают большую часть экрана, а карточка стояла на 0.995 при цветности 0.006 — то есть почти чистая бумага. Теперь 0.985 при 0.01: приподнята над страницей, но ТОНИРОВАНА. ЦВЕТНОСТЬ 0.010–0.014 ДЕРЖИТСЯ НА ВСЕЙ ЛЕСТНИЦЕ И СНИЖАТЬ ЕЁ НЕЛЬЗЯ. Обнулите цветность у поверхности — и экран станет белым, каким светлые темы и получаются по недосмотру. Правило дизайнера, проверяемое числом: поверхность светлее 0.975 с цветностью ниже 0.010 — ошибка. Сторожит test-tema-svet.php. СТРАНИЦА И ВЛОЖЕННЫЙ БЛОК ПОМЕНЯЛИСЬ МЕСТАМИ, и это не опечатка. Страница — утверждённый пергамент 0.965, тот же, что на витрине; поле ввода и зебра таблицы ушли под карточку, на 0.955. Подними их к карточке — они сольются с ней и перестанут читаться отдельными элементами. КАРТОЧКУ ТЕПЕРЬ НЕСЁТ ТЕНЬ, А НЕ СВЕТЛОТА. Разница карточки и страницы была 0.04, стала 0.02 (контраст 1.124 → 1.060). Правило тени ниже в этом файле — не украшение: уберёте его, и карточка потеряет край. */ --me-canvas: oklch(0.965 0.012 90); /* страница — пергамент */ --me-surface: oklch(0.985 0.01 90); /* карточка .k-card */ --me-bg: oklch(0.955 0.013 90); /* вложенный блок, поле ввода */ --me-raised: oklch(0.978 0.011 90); /* всплывающий список */ --me-row-hover: oklch(0.972 0.012 90); /* наведение на строку */ --me-track: oklch(0.925 0.014 90); /* дорожка, вставка */ --me-bar: oklch(0.975 0.011 90); /* шапка кабинета и панели */ /* ---------- Границы ---------- ДВЕ РАЗНЫЕ РАБОТЫ, не два оттенка одного. --me-border ограничивает УПРАВЛЯЕМЫЙ элемент (поле ввода, выпадающий список, кнопка в рамке). Требование ТЗ: не ниже 3:1 к фону. Отсюда 0.61 — заметно темнее, чем просят глаза. Светлее нельзя: 3.32:1 к --me-bg (пересчитано 14 сентября, когда --me-bg ушёл на 0.955), а порог рвётся около 0.635 — последняя проходящая светлота 0.63. Запас две сотых, выше поле сливается со строкой текста. --me-border-soft — тихая черта МЕЖДУ строками. Ничего не ограничивает, порог на неё не распространяется. */ --me-border: oklch(0.61 0.02 90); /* 3.63:1 к surface, 3.32:1 к bg */ --me-border-soft: oklch(0.88 0.014 90); /* черта, разделитель */ /* ЧЕРТА ВНУТРИ БЛОКА. В БАЗОВОЙ она РАВНА `--me-border-soft` нарочно: базовый вид не менялся ни на волос, и разъезжаются они только в «бронзе», где край блока стал бронзовой нитью. Заведена, чтобы 83 черты внутри блоков (`border-top`, `border-bottom`) могли сменить цвет вместе с вариацией, не таща за собой края карточек. ПРАВИЛО РАЗДЕЛЕНИЯ, механическое: полная рамка (`border:`) — край блока, берёт `--me-border-soft`; одна сторона — черта внутри, берёт `--me-rule`. */ --me-rule: oklch(0.88 0.014 90); /* НЕФРИТ — второй зелёный платформы, см. пояснение в ядре. Различает его ТОН (174° против 158°), а не светлота: в светлой теме все подложки лежат в полосе 0.94–0.955, и ступень между нефритом и «оплачено» тут 1.015 — её нет. */ --me-jade-soft: oklch(0.95 0.028 174); --me-jade-line: oklch(0.48 0.09 174); /* Тихий нефрит — заливка номера урока. Цифра на ней остаётся обычным текстом: 9.61:1. */ --me-jade-mark: oklch(0.88 0.05 174); /* Тихий изумруд — заливка номера урока с 24.09.2026 (двойник нефрита с тоном 158). Цифра на нём — обычный текст: 9.61:1. */ --me-calm-quiet: oklch(0.88 0.05 158); /* ---------- Текст ---------- Ступени сдвинуты ВНИЗ, к тексту, а не вверх к фону. На светлом фоне под текстом мало места: всё светлее 0.475 проваливает 4.5:1. Поэтому muted стал 0.40, а не 0.68, как в тёмной теме. */ --me-text: oklch(0.3 0.02 160); /* 12.95:1 к surface — арабский держит */ --me-muted: oklch(0.4 0.018 140); /* 8.02:1 к bg, 8.76:1 к surface */ --me-faint: oklch(0.47 0.015 130); /* 5.96:1 к bg, 6.50:1 к surface */ --me-text-soft: oklch(0.36 0.05 158); /* 9.13:1 — текст в зелёной зоне */ /* ---------- Зелёный ---------- ЗЕЛЁНЫЙ ТЕМНЕЕ, чем в тёмной теме (0.46 против 0.62). Тот же зелёный на светлом слепит и как текст не читается. Из этого следует переворот краски: primary тёмный, значит буква НА нём светлая. В тёмной теме было наоборот. Роль та же («буква на заливке»), оттенок обратный — ровно тот случай, который в ТЗ описан как «имя не обязывает». */ --me-primary: oklch(0.46 0.085 158); /* кнопка, ссылка, «сделано» */ --me-primary-ink: oklch(0.98 0.015 90); /* буква НА зелёной заливке */ --me-ink: oklch(0.98 0.015 90); /* она же общая */ --me-primary-dim: oklch(0.6 0.06 158); /* рамка открытой панели */ --me-calm: oklch(0.46 0.085 158); /* тот же тон, что primary */ --me-calm-soft: oklch(0.945 0.03 158); /* заливка зелёной плашки */ --me-calm-line: oklch(0.52 0.09 158); /* зелёная черта, счётчик */ --me-calm-mark: oklch(0.5 0.1 158); /* галочка «прочитано» */ --me-calm-edge: oklch(0.82 0.04 158); /* зелёная кромка */ /* ЯРЧЕ ЗНАЧИТ ТЕМНЕЕ. Осветлять некуда — усиление идёт вниз. calm-bright глубже primary, а не светлее его. */ --me-calm-bright: oklch(0.42 0.1 158); /* заливная метка «ваш тариф» */ /* ---------- Зелёная зона ---------- На заливке --me-calm-soft общий --me-text не слепит, как в тёмной теме, но muted и faint заведены с зелёным тоном и складываются с фоном — подписи зеленеют. Для таких зон свой набор, он остаётся нужен. */ --me-on-calm: oklch(0.34 0.04 158); /* 9.93:1 к calm-soft */ --me-on-calm-dim: oklch(0.44 0.035 150); /* 6.57:1 — подписи */ --me-on-calm-off: oklch(0.56 0.03 150); /* 3.95:1 — выключенное */ --me-zone: oklch(0.955 0.022 158); /* зона проверки в разборе */ /* ---------- Золото ---------- РАЗОШЛОСЬ НА ДВЕ РАБОТЫ, и это главное отличие от тёмной темы. Сплошная золотая заливка с текстом в светлой теме не работает НИ ПРИ КАКОЙ светлоте: светлое золото не держит букву, тёмное перестаёт быть золотом. Проверено по всей шкале 0.5–0.8. Поэтому: --me-accent — бронза 0.58. Значки, отметки, крупные числа, рамки, надпись от 18px. 4.30:1. --me-gold-soft — заливка золотых плашек (светлая). --me-accent-ink / --me-on-gold — тёмная буква НА этой заливке. Кнопки с заливкой --me-accent и надписью в светлой теме нет. Смысл «нажми» несёт та же плашка gold-soft с рамкой accent. */ --me-accent: oklch(0.58 0.11 76); /* 4.18:1 к surface — бронза: значок, отметка */ --me-gold-soft: oklch(0.945 0.04 82); /* заливка золотой плашки */ --me-accent-ink: oklch(0.32 0.055 76); /* 10.87:1 к gold-soft */ --me-on-gold: oklch(0.36 0.05 78); /* 9.29:1 — текст на золоте */ --me-on-plan: oklch(0.38 0.02 140); /* текст на плашке тарифа */ /* Стрелка выпадающих списков — бронза темы (#9f701f = --me-accent), 3.83:1 к bg. Прежняя #b08a3e на песке давала 2.81:1 — видна слабо (6.12, слово владельца 28.09.2026, 15:35). Цвет в картинке — только числом, поэтому переменная целиком. */ --me-strelka: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3E%3Cpath d=%27M5.5 8 L10 12.5 L14.5 8%27 fill=%27none%27 stroke=%27%239f701f%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E"); /* ---------- Тревога ---------- Терракота, не чистый красный. Тревожных строк на экране много и постоянно; от красного устают и перестают реагировать. */ --me-urgent: oklch(0.45 0.14 32); /* 6.99:1 к bg */ --me-urgent-soft: oklch(0.945 0.035 32); /* заливка красной плашки */ /* ---------- Пузыри переписки ---------- Своё сообщение — зелёная заливка со светлой буквой. bubble-bright (наведение) ТЕМНЕЕ основного: тот же переворот, что у calm-bright. */ --me-bubble: oklch(0.48 0.12 158); /* 5.95:1 под bubble-ink */ --me-bubble-bright: oklch(0.44 0.125 158); /* наведение — глубже */ --me-bubble-ink: oklch(0.99 0.012 150); /* буква в своём пузыре */ --me-bubble-glow: oklch(0.48 0.12 158 / .18); /* ---------- Запись голоса ---------- */ --me-rec: oklch(0.5 0.16 28); /* точка в кнопке */ --me-rec-hot: oklch(0.46 0.17 28); /* обод во время записи */ --me-rec-dim: oklch(0.95 0.04 28); /* заливка кружка в покое */ --me-rec-edge: oklch(0.62 0.13 28); /* обод кружка в покое */ --me-rec-live: oklch(0.47 0.175 28); /* заливка во время записи */ --me-rec-ink: oklch(0.99 0.015 40); /* квадратик «стоп» */ /* ---------- Остальное ---------- */ --me-num: oklch(0.5 0.15 28); /* номер строки словаря */ --me-wave: oklch(0.58 0.075 158); /* полоски волны в плеере */ --me-chip: oklch(0.94 0.02 150); /* фон пилюли */ --me-chip-ink: oklch(0.38 0.03 150); /* буква на пилюле */ } /* ============================================================ ОКНА БРАУЗЕРА Календарь у поля даты, списки выпадающего выбора, полосы прокрутки рисует браузер — стили внутрь не достают. Единственная ручка — color-scheme, и в светлой теме её ОБЯЗАТЕЛЬНО переключить: при dark на светлой странице системный календарь останется тёмным. Объявить во ВСЕХ ТРЁХ наборах, как и сейчас сделано с dark. ============================================================ */ [data-me-theme="light"] { color-scheme: light; accent-color: var(--me-primary); } /* ============================================================ ТЕНИ В тёмной теме почти не видны, здесь несут карточку вместо рамки. Переменных под тени в палитре нет и я их не заводил (ТЗ: новых имён не добавлять) — значения ниже прописаны правилами. Понадобится переменная — заводить в обеих темах. ============================================================ */ [data-me-theme="light"] .k-card, [data-me-theme="light"] .p-card { box-shadow: 0 26px 46px -32px oklch(0.4 0.03 120 / 0.55); } /* `.k-cta` ЗДЕСЬ БЫЛ И НЕ СУЩЕСТВОВАЛ. Имя пришло из брифа дизайнера 5 сентября 2026 вместе с `.k-play-i`, `.k-lb` и `.kl-sheet`; те три поймали тогда же, этот пережил разбор и девять дней стоял первым в списке — правило читалось как рабочее. Нашёл раздел 7 прогона `test-tema-svet.php` 14 сентября, с первого же запуска. Замены ему НЕ ПРИДУМЫВАЕМ. Зовущие кнопки у нас две — `.kp-cta` в ленте курса и `.kr-cta` на сдаче, — и правило доезжает до обеих. Подставить вместо `.k-cta` первую попавшуюся зелёную кнопку значило бы раздать тень туда, куда дизайнер её не клал. */ [data-me-theme="light"] .kp-cta, [data-me-theme="light"] .kr-cta { box-shadow: 0 16px 36px -16px oklch(0.46 0.085 158 / 0.5); } /* ============================================================ ЧТО НЕ ПЕРЕВОРАЧИВАЕТСЯ ПАЛИТРОЙ Пять мест, где нужна правка правил, а не значений. Разбор — раздел 6 спецификации. ============================================================ */ /* 1. Полупрозрачная плёнка «ни разу не заходил». В тёмной теме это красная плёнка ПОВЕРХ родного фона: rgba(214,92,66,.08) на тёмно-зелёном. На светлом фоне та же плёнка почти не видна — доля поднята. */ [data-me-theme="light"] .p-scard.is-never { /* В ОДНУ СТРОКУ — так надёжнее у разборщиков. И помним: проверить это правило вычисленным стилем НЕЛЬЗЯ. jsdom не читает сокращённое правило, внутри которого стоит `var()` (проверено 5 сентября 2026: с цветом читает, с переменной — нет). Стережём такие правила текстом. */ background: linear-gradient(oklch(0.45 0.14 32 / 0.07), oklch(0.45 0.14 32 / 0.07)), var(--me-surface); } /* 2. Знак плеера. В тёмной теме — зелёный на тон темнее кнопки, чтобы не читался как дырой. Здесь кнопка та же зелёная, а знак должен идти светлым. КЛАСС ИСПРАВЛЕН 5 сентября 2026. Дизайнер взял `.k-play-i` из брифа — у нас такого нет. Знак живёт в модуле плеера и красится своей переменной `--mp-glyph`; правим её, а не цвет напрямую: иначе разойдёмся с модулем. */ [data-me-theme="light"] .mp, [data-me-theme="light"] .mp-play { --mp-glyph: var(--me-primary-ink); } /* 3. Затемнение лайтбокса. На светлой странице оставляем плёнку тёмной — снимок читается лучше, — но чуть прозрачнее. КЛАСС ИСПРАВЛЕН: у нас лайтбокс называется `.lb` и живёт в модуле разбора работ, а не `.k-lb`. */ [data-me-theme="light"] .lb { background: oklch(0.22 0.02 162 / 0.9); } /* 4. Кольцо фокуса. На светлом мягкая подсветка почти не видна — берём рамку насыщеннее. */ [data-me-theme="light"] :focus-visible { outline: 2px solid var(--me-primary); outline-offset: 2px; } [data-me-theme="light"] input:focus, [data-me-theme="light"] textarea:focus, [data-me-theme="light"] select:focus { border-color: var(--me-primary); box-shadow: 0 0 0 3px oklch(0.46 0.085 158 / 0.18); } /* 5. Линовка тетради. Шаг линии жёстко связан с высотой строки, обе 28px — НЕ МЕНЯТЬ. Меняется только цвет черты: тихая рамка на светлом даёт линию слишком слабую. КЛАСС ИСПРАВЛЕН 5 сентября 2026: у нас лист тетради — `.kl-paper`, а не `.kl-sheet`. И ЗАДАЁМ ЦЕЛИКОМ `background`, а не `background-image`: в тёмной теме там сокращённое правило с цветом фона, и одна только картинка оставила бы под линовкой прежний тёмный цвет. Это тот же капкан, что с `display` и `hidden`: сокращённое правило перебивает частичное. */ [data-me-theme="light"] .kl-paper { background: repeating-linear-gradient(transparent 0 27px, oklch(0.86 0.02 90) 27px 28px); } /* ============================================================ ЖЁСТКИЕ ЦВЕТА В МОДУЛЯХ Найдены прогоном по всем модулям 5 сентября 2026 (шаг 6). Это плашки состояния работы в разборе. Они написаны числами, а не переменными, и специально: цвет метки должен читаться одинаково независимо от палитры — «доработка» всегда рыжая, «полностью» всегда зелёная. НО НАПИСАНЫ ОНИ ПОД ТЁМНЫЙ ФОН: тёмная заливка со светлыми буквами. На бумаге такая метка выглядит дырой. Здесь тот же смысл, вывернутый: светлая заливка с тёмными буквами. Тон сохранён — рыжий остался рыжим, зелёный зелёным. ПРАВИЛО: цвет, записанный числом, переживает смену темы молча. Искать такие места надо прогоном, а не глазами. ============================================================ */ [data-me-theme="light"] .rv-rw { background: oklch(0.93 0.05 65); color: oklch(0.38 0.09 55); } [data-me-theme="light"] .rv-inc { background: oklch(0.94 0.05 95); color: oklch(0.38 0.08 85); } [data-me-theme="light"] .rv-miss { background: oklch(0.93 0.05 20); color: oklch(0.4 0.12 25); } [data-me-theme="light"] .rv-full { background: oklch(0.93 0.05 155); color: oklch(0.36 0.09 158); } [data-me-theme="light"] .rv-none { color: oklch(0.48 0.15 25); } /* Строка под курсором: белая плёнка на светлом не видна. */ [data-me-theme="light"] .rv-row:hover { background: oklch(0.4 0.02 160 / 0.05); } /* Стрелки лайтбокса: тёмная подложка на тёмной плёнке — верно в обеих темах, плёнка сама остаётся тёмной. Не трогаем. */ /* ============================================================ ЧТО НЕ ПЕРЕВОРАЧИВАЕТСЯ ПАЛИТРОЙ — ВТОРАЯ ПОРЦИЯ Найдено 14 сентября 2026 обходом модулей, шаг 2 захода `ZAHOD-SVETLAYA-TEMA.md`. Все правки — ПРАВИЛАМИ: новых имён в палитре не заводим, а менять значение переменной нельзя, у неё своя работа в другом месте. ============================================================ */ /* 6. ПУЗЫРЁК ОТВЕТА АССИСТЕНТА И МУАЛЛИМА. Беда владельца 2 сентября 2026: «фон сообщений почти похожий, немножко только разная тень». Тогда пузырёк перевели с `--me-bg` на `--me-raised`, и в ТЁМНОЙ теме это дало 1.27 к фону окна — там «поднятая» поверхность светлее, а значит заметнее. В светлой лестница перевёрнута, и `--me-raised` (0.978) стоит почти вплотную к окну (`--me-surface`, 0.985): контраст 1.02 — различия нет вовсе. То есть ровно та беда, которую чинили, вернулась при смене темы и не покраснела нигде. Пакет дизайнера её не лечит: он считает `--me-raised` «всплывающим списком», и для списка 0.978 верно. У нас у переменной ВТОРАЯ работа, о которой он знать не мог. Чиним не числом, а смыслом: пузырёк ЛЕЖИТ В ОКНЕ, а вложенное в светлой теме — ступень ВНИЗ. Это `--me-bg`. Контраст 1.092 при 1.113 у зелёного пузырька ученика: виден, но не спорит с ответом ученика, а тот главнее — цель та же, что и в 2.0. Так же устроен и мессенджер: пузырёк и лента отличаются на одну ступень лестницы. Одна платформа — один приём. ПРАВИЛО: одна переменная — одна работа. Вторая работа обнаруживается не в палитре, а в том, кто переменную берёт. */ [data-me-theme="light"] .pom-bot, [data-me-theme="light"] .mu-bot { background: var(--me-bg); } /* 7. ТЕНИ ПЛАВАЮЩИХ ОКОН ОСТАВАЛИСЬ ЧЁРНЫМИ. `rgba(0,0,0,.45)` под окном ассистента, под всплывающими окошками мессенджера и под окном плеера в углу. На тёмной теме чёрное на чёрном незаметно; на пергаменте это серое пятно — а серая тень на тёплом фоне выглядит грязью. Тон и доли взяты из тени карточки, которую дал дизайнер: `oklch(0.4 0.03 120)`, зеленоватая. Окно поднято выше карточки, поэтому размах больше, а край собран отрицательным разлётом — иначе тень расползается в муть. Витрина делает так с самого начала (`.vt .pom`), и это лучший довод: приём уже наш, просто не доехал до кабинета. */ [data-me-theme="light"] .pom-win, [data-me-theme="light"] .mu-win { box-shadow: 0 30px 60px -28px oklch(0.4 0.03 120 / 0.6); } [data-me-theme="light"] .mc-emo, [data-me-theme="light"] .mc-react-pop { box-shadow: 0 22px 44px -24px oklch(0.4 0.03 120 / 0.55); } [data-me-theme="light"] .mv.is-okno { box-shadow: 0 30px 60px -26px oklch(0.4 0.03 120 / 0.62); } /* 8. ПОДСКАЗКИ ПЛЕЕРА — тёмная плашка почти чёрного цвета (`rgba(16,20,18,.96)`). Тёмная подсказка верна и на светлом: она читается поверх видео, а видео тёмное всегда. Но цвет берём тот же, что у плёнки лайтбокса, — тонированный, а не угольный: на платформе одна тёмная краска, а не две похожие. Стрелку подсказки красим тем же, иначе она отстанет. ДВА СЕЛЕКТОРА, не один: подсказки есть и у видео (`.mv`), и у звука (`.mp`), правило в плеере написано на оба. `:focus-visible` здесь НЕ пишем — в плеере такого правила нет, и наше висело бы впустую. Правило на то, чего нет, молчит убедительно. */ [data-me-theme="light"] .mv [aria-label]:hover::after, [data-me-theme="light"] .mp [aria-label]:hover::after { background: oklch(0.22 0.02 162 / 0.96); box-shadow: 0 10px 24px -12px oklch(0.4 0.03 120 / 0.55); } [data-me-theme="light"] .mv [aria-label]:hover::before, [data-me-theme="light"] .mp [aria-label]:hover::before { border-top-color: oklch(0.22 0.02 162 / 0.96); } /* ============================================================ ВАРИАЦИЯ «ТЁПЛЫЙ ПЕСОК И БРОНЗА» ------------------------------------------------------------ Включается пометкой `data-me-svet="bronza"` на странице, рядом с `data-me-theme="light"`. Без пометки не работает ничего из написанного ниже, и базовый вид остаётся прежним до последнего числа. Пакет дизайнера — `dizayn-15-sentyabrya/`. Вид этот был внедрён 15 сентября 2026 и снят по слову владельца в тот же день; возвращён 15 сентября ВАРИАЦИЕЙ, чтобы можно было сравнить рядом, а не по памяти. ЗДЕСЬ ТОЛЬКО ОТЛИЧИЯ. Сорок четыре значения палитры бронза берёт у базовой и не повторяет — иначе при первой же правке цвета мы правили бы в двух местах и разошлись бы молча. ПРИМЕРОЧНАЯ ВРЕМЕННАЯ. Владелец выбирает вид, лишние вариации удаляются в тот же день. Две палитры — это два места, которые надо править вместе; жить так постоянно нельзя. ============================================================ */ [data-me-theme="light"][data-me-svet="bronza"] { --me-canvas: oklch(0.912 0.024 84); /* страница — тёплый песок */ --me-track: oklch(0.87 0.02 86); /* дорожка, вставка */ --me-border: oklch(0.6 0.02 90); /* рамка поля ввода */ --me-border-soft: oklch(0.79 0.045 82); /* БРОНЗОВАЯ НИТЬ по краю блока */ --me-rule: oklch(0.9 0.022 84); /* тихая черта внутри блока */ /* Тёмная бронза и золото мини-приложения (№ 1131 → сайт, задание цеха № 1159): бронза 0.58 давала 3.94:1 к песку — ниже AA; 0.5 — 4.72:1 к песку, 5.88:1 к пергаменту. */ --me-accent: oklch(0.5 0.1 70); /* #875814 тёмная бронза: значок, отметка, буква */ --me-gold-soft: oklch(0.95 0.04 85); /* #fbedd1 золото плашки */ --me-strelka: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3E%3Cpath d=%27M5.5 8 L10 12.5 L14.5 8%27 fill=%27none%27 stroke=%27%23875814%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E"); --me-shadow-card: 0 2px 4px -1px oklch(0.36 0.04 80 / 0.12), 0 20px 38px -24px oklch(0.36 0.04 80 / 0.55); --me-shadow-raised: 0 4px 8px -2px oklch(0.36 0.04 80 / 0.16), 0 28px 54px -28px oklch(0.36 0.04 80 / 0.6); --me-cell-paid-edge: oklch(0.7 0.06 158); --me-cell-paid-ink: oklch(0.33 0.07 158); --me-cell-debt: oklch(0.935 0.05 32); --me-cell-debt-edge: oklch(0.63 0.12 30); --me-cell-debt-ink: oklch(0.4 0.14 32); } /* Правила вариации. Класс каждого проверен на существование в нашей разметке: `.k-scard` и `.k-cta` дизайнера у нас нет, и выдумывать замену им не стали. */ [data-me-theme="light"][data-me-svet="bronza"] .kl-paper { background: repeating-linear-gradient(transparent 0 27px, var(--me-rule) 27px 28px); } [data-me-theme="light"][data-me-svet="bronza"] .k-card, [data-me-theme="light"][data-me-svet="bronza"] .p-card, [data-me-theme="light"][data-me-svet="bronza"] .p-scard { border: 1px solid var(--me-border-soft); box-shadow: var(--me-shadow-card); } [data-me-theme="light"][data-me-svet="bronza"] .k-row, [data-me-theme="light"][data-me-svet="bronza"] .k-card tbody tr + tr, [data-me-theme="light"][data-me-svet="bronza"] .k-list > * + * { border-color: var(--me-rule); } [data-me-theme="light"][data-me-svet="bronza"] input, [data-me-theme="light"][data-me-svet="bronza"] textarea, [data-me-theme="light"][data-me-svet="bronza"] select { box-shadow: none; } [data-me-theme="light"][data-me-svet="bronza"] input, [data-me-theme="light"][data-me-svet="bronza"] textarea { background: var(--me-bg); border: 1px solid var(--me-border); color: var(--me-text); } /* * У ВЫПАДАЮЩЕГО СПИСКА ФОН — ТОЛЬКО ЦВЕТОМ (5§1024). * * Стрелку у списков рисует картинка фона: `.p-main select`, `.k-main select`, * `.kz-select`, `.ms-topic`, `select.ch-in`, разбор работы. Сокращённая * запись `background:` сбрасывает и её, а правило вариации тяжелее — * и в светлой теме стрелка пропадала у ВСЕХ списков платформы. * Поэтому список вынесен из общего правила полей: ему — `background-color`. * Поля ввода оставлены как были: сокращённая запись у них, возможно, * гасит линовку и значки намеренно — это не наша правка. * * ПРАВИЛО: в вариациях светлой темы `background` сокращённой записью * на `select` не пишут (сторож `test-tema-svet.php`). */ [data-me-theme="light"][data-me-svet="bronza"] select { background-color: var(--me-bg); border: 1px solid var(--me-border); color: var(--me-text); } [data-me-theme="light"][data-me-svet="bronza"] input[type="checkbox"], [data-me-theme="light"][data-me-svet="bronza"] input[type="radio"] { border-color: var(--me-border); } [data-me-theme="light"][data-me-svet="bronza"] .kp-cta, [data-me-theme="light"][data-me-svet="bronza"] .kr-cta { background: var(--me-primary); border: 1px solid var(--me-primary); color: var(--me-primary-ink); box-shadow: 0 10px 18px -11px oklch(0.46 0.085 158 / 0.6); } [data-me-theme="light"][data-me-svet="bronza"] .k-fold-i, [data-me-theme="light"][data-me-svet="bronza"] .rv-fold-i { background: var(--me-gold-soft); border: 1px solid var(--me-accent); color: var(--me-accent-ink); } [data-me-theme="light"][data-me-svet="bronza"] .k-card.k-fold.is-open, [data-me-theme="light"][data-me-svet="bronza"] details.k-card[open] { border-top: 3px solid var(--me-accent); } [data-me-theme="light"][data-me-svet="bronza"] .kl-voc tbody tr:nth-child(even) { background: var(--me-bg); } [data-me-theme="light"][data-me-svet="bronza"] .kl-answer { background: var(--me-bg); } [data-me-theme="light"][data-me-svet="bronza"] .rv-row:hover, [data-me-theme="light"][data-me-svet="bronza"] .up-row:hover, [data-me-theme="light"][data-me-svet="bronza"] .tf-row:hover, [data-me-theme="light"][data-me-svet="bronza"] .l-row[data-otkryt]:hover, [data-me-theme="light"][data-me-svet="bronza"] .kt-plan-head:hover, [data-me-theme="light"][data-me-svet="bronza"] #sd .sd-way-head:hover, [data-me-theme="light"][data-me-svet="bronza"] .kl-voc tbody tr:hover, [data-me-theme="light"][data-me-svet="bronza"] .kl-voc tbody tr:focus-within, [data-me-theme="light"][data-me-svet="bronza"] .p-grid tbody tr:hover td:first-child { box-shadow: inset 2px 0 0 var(--me-accent); } [data-me-theme="light"][data-me-svet="bronza"] .up-card, [data-me-theme="light"][data-me-svet="bronza"] .tf-card { box-shadow: var(--me-shadow-card); } [data-me-theme="light"][data-me-svet="bronza"] .mc, [data-me-theme="light"][data-me-svet="bronza"] .mc-main, [data-me-theme="light"][data-me-svet="bronza"] .mc-feed, [data-me-theme="light"][data-me-svet="bronza"] .mc-back--0 { background: var(--me-canvas); } [data-me-theme="light"][data-me-svet="bronza"] .cell { background: var(--me-surface); border-color: var(--me-border-soft); color: var(--me-muted); } [data-me-theme="light"][data-me-svet="bronza"] .cell:hover { border-color: var(--me-primary); } [data-me-theme="light"][data-me-svet="bronza"] .cell.is-paid { background: var(--me-calm-soft); border-color: var(--me-cell-paid-edge); color: var(--me-cell-paid-ink); } [data-me-theme="light"][data-me-svet="bronza"] .cell.is-debt { background: var(--me-cell-debt); border-color: var(--me-cell-debt-edge); color: var(--me-cell-debt-ink); } [data-me-theme="light"][data-me-svet="bronza"] .cell.is-paused { background: var(--me-rule); border-color: var(--me-rule); color: var(--me-muted); font-weight: 400; } [data-me-theme="light"][data-me-svet="bronza"] .cell.is-na { background: none; border-style: dashed; border-color: var(--me-rule); color: var(--me-faint); } [data-me-theme="light"][data-me-svet="bronza"] .chip, [data-me-theme="light"][data-me-svet="bronza"] .p-abc button { background: var(--me-surface); } /* Цвет рамки и буквы — только в покое: наведение берёт своё из ядра (5§995). */ [data-me-theme="light"][data-me-svet="bronza"] .chip:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .p-abc button { border-color: var(--me-border-soft); color: var(--me-text); } [data-me-theme="light"][data-me-svet="bronza"] .chip.is-on, [data-me-theme="light"][data-me-svet="bronza"] .p-abc button.is-on { background: var(--me-primary); border-color: var(--me-primary); color: var(--me-primary-ink); font-weight: 700; } [data-me-theme="light"][data-me-svet="bronza"] .zv-tabs button { color: var(--me-muted); } [data-me-theme="light"][data-me-svet="bronza"] .zv-tabs button svg { stroke: var(--me-muted); } [data-me-theme="light"][data-me-svet="bronza"] .p-btn, [data-me-theme="light"][data-me-svet="bronza"] .p-refresh-b { background: var(--me-calm-soft); border-color: var(--me-primary); color: var(--me-primary); } /* Прежнее правило наведения снято 15 сентября 2026: оно заливало кнопку тёмным и не трогало букву, отчего надпись пропадала. Новое — ниже по файлу, с буквой в паре. Старое не оставлено «на всякий случай»: два правила на одно место расходятся молча. */ [data-me-theme="light"][data-me-svet="bronza"] .p-btn-main { box-shadow: 0 10px 18px -11px oklch(0.46 0.085 158 / 0.6); } [data-me-theme="light"][data-me-svet="bronza"] .p-btn.is-danger { background: var(--me-urgent-soft); border-color: var(--me-urgent); color: var(--me-urgent); } [data-me-theme="light"][data-me-svet="bronza"] .p-btn.is-danger:hover { background: var(--me-urgent-soft); border-color: var(--me-urgent); } [data-me-theme="light"][data-me-svet="bronza"] .ms-drop, [data-me-theme="light"][data-me-svet="bronza"] .mq-drop { box-shadow: var(--me-shadow-raised); } [data-me-theme="light"][data-me-svet="bronza"] .me-tema { background: var(--me-surface); border-color: var(--me-border-soft); color: var(--me-text); } [data-me-theme="light"][data-me-svet="bronza"] .me-tema:hover { border-color: var(--me-primary); color: var(--me-primary); } [data-me-theme="light"][data-me-svet="bronza"] .dk-b, [data-me-theme="light"][data-me-svet="bronza"] .kl-focus, [data-me-theme="light"][data-me-svet="bronza"] .kl-mtab, [data-me-theme="light"][data-me-svet="bronza"] .kl-pill, [data-me-theme="light"][data-me-svet="bronza"] .kl-qnum, [data-me-theme="light"][data-me-svet="bronza"] .kl-tab, [data-me-theme="light"][data-me-svet="bronza"] .kl-tumb-b, [data-me-theme="light"][data-me-svet="bronza"] .kr-mtab, /* `.mc-switch` отсюда снят (26.09.2026): это строка с тумблером, а не пилюля — включённый красился сплошной зелёной полосой во всю ширину, текст не читался. */ [data-me-theme="light"][data-me-svet="bronza"] .kz-month, [data-me-theme="light"][data-me-svet="bronza"] .mc-tab, [data-me-theme="light"][data-me-svet="bronza"] .ms-tab, [data-me-theme="light"][data-me-svet="bronza"] .os-undo, [data-me-theme="light"][data-me-svet="bronza"] .rv-tumb-b, [data-me-theme="light"][data-me-svet="bronza"] .s-seg-b, [data-me-theme="light"][data-me-svet="bronza"] .tf-tab, [data-me-theme="light"][data-me-svet="bronza"] .tp-filter, [data-me-theme="light"][data-me-svet="bronza"] .tp-topic, [data-me-theme="light"][data-me-svet="bronza"] .zv-check, [data-me-theme="light"][data-me-svet="bronza"] .zv-chip, [data-me-theme="light"][data-me-svet="bronza"] .zv-prompt { background: var(--me-surface); } /* Цвет рамки и буквы — только в покое: наведение берёт своё из ядра (5§995). */ [data-me-theme="light"][data-me-svet="bronza"] .dk-b:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .kl-focus:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .kl-mtab:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .kl-pill:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .kl-qnum:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .kl-tab:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .kl-tumb-b:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .kr-mtab:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .kz-month:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .mc-tab:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .ms-tab:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .os-undo:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .rv-tumb-b:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .s-seg-b:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .tf-tab:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .tp-filter:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .tp-topic:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .zv-check, [data-me-theme="light"][data-me-svet="bronza"] .zv-chip:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .zv-prompt:not(:hover) { border-color: var(--me-border-soft); color: var(--me-text); } [data-me-theme="light"][data-me-svet="bronza"] .dk-b.is-on, [data-me-theme="light"][data-me-svet="bronza"] .kl-focus.is-on, [data-me-theme="light"][data-me-svet="bronza"] .kl-mtab.is-on, [data-me-theme="light"][data-me-svet="bronza"] .kl-list.is-on, [data-me-theme="light"][data-me-svet="bronza"] .kl-pill.is-on, [data-me-theme="light"][data-me-svet="bronza"] .kl-qnum.is-on, [data-me-theme="light"][data-me-svet="bronza"] .kl-tab.is-on, [data-me-theme="light"][data-me-svet="bronza"] .kl-tumb-b.is-on, [data-me-theme="light"][data-me-svet="bronza"] .kr-mtab.is-on, [data-me-theme="light"][data-me-svet="bronza"] .kz-month.is-on, [data-me-theme="light"][data-me-svet="bronza"] .mc-tab.is-on, [data-me-theme="light"][data-me-svet="bronza"] .ms-tab.is-on, [data-me-theme="light"][data-me-svet="bronza"] .os-undo.is-on, [data-me-theme="light"][data-me-svet="bronza"] .rv-tumb-b.is-on, [data-me-theme="light"][data-me-svet="bronza"] .s-seg-b.is-on, [data-me-theme="light"][data-me-svet="bronza"] .tf-tab.is-on, [data-me-theme="light"][data-me-svet="bronza"] .tp-filter.is-on, [data-me-theme="light"][data-me-svet="bronza"] .tp-topic.is-on, [data-me-theme="light"][data-me-svet="bronza"] .zv-check.is-on, [data-me-theme="light"][data-me-svet="bronza"] .zv-chip.is-on, [data-me-theme="light"][data-me-svet="bronza"] .zv-prompt.is-on, [data-me-theme="light"][data-me-svet="bronza"] .dk-b.is-active, [data-me-theme="light"][data-me-svet="bronza"] .kl-focus.is-active, [data-me-theme="light"][data-me-svet="bronza"] .kl-mtab.is-active, [data-me-theme="light"][data-me-svet="bronza"] .kl-list.is-active, [data-me-theme="light"][data-me-svet="bronza"] .kl-pill.is-active, [data-me-theme="light"][data-me-svet="bronza"] .kl-qnum.is-active, [data-me-theme="light"][data-me-svet="bronza"] .kl-tab.is-active, [data-me-theme="light"][data-me-svet="bronza"] .kl-tumb-b.is-active, [data-me-theme="light"][data-me-svet="bronza"] .kr-mtab.is-active, [data-me-theme="light"][data-me-svet="bronza"] .kz-month.is-active, [data-me-theme="light"][data-me-svet="bronza"] .mc-tab.is-active, [data-me-theme="light"][data-me-svet="bronza"] .ms-tab.is-active, [data-me-theme="light"][data-me-svet="bronza"] .os-undo.is-active, [data-me-theme="light"][data-me-svet="bronza"] .rv-tumb-b.is-active, [data-me-theme="light"][data-me-svet="bronza"] .s-seg-b.is-active, [data-me-theme="light"][data-me-svet="bronza"] .tf-tab.is-active, [data-me-theme="light"][data-me-svet="bronza"] .tp-filter.is-active, [data-me-theme="light"][data-me-svet="bronza"] .tp-topic.is-active, [data-me-theme="light"][data-me-svet="bronza"] .zv-check.is-active, [data-me-theme="light"][data-me-svet="bronza"] .zv-chip.is-active, [data-me-theme="light"][data-me-svet="bronza"] .zv-prompt.is-active, [data-me-theme="light"][data-me-svet="bronza"] .dk-b[aria-pressed="true"], [data-me-theme="light"][data-me-svet="bronza"] .kl-focus[aria-pressed="true"], [data-me-theme="light"][data-me-svet="bronza"] .kl-mtab[aria-pressed="true"], [data-me-theme="light"][data-me-svet="bronza"] .kl-list[aria-pressed="true"], [data-me-theme="light"][data-me-svet="bronza"] .kl-pill[aria-pressed="true"], [data-me-theme="light"][data-me-svet="bronza"] .kl-qnum[aria-pressed="true"], [data-me-theme="light"][data-me-svet="bronza"] .kl-tab[aria-pressed="true"], [data-me-theme="light"][data-me-svet="bronza"] .kl-tumb-b[aria-pressed="true"], [data-me-theme="light"][data-me-svet="bronza"] .kr-mtab[aria-pressed="true"], [data-me-theme="light"][data-me-svet="bronza"] .kz-month[aria-pressed="true"], [data-me-theme="light"][data-me-svet="bronza"] .mc-tab[aria-pressed="true"], [data-me-theme="light"][data-me-svet="bronza"] .ms-tab[aria-pressed="true"], [data-me-theme="light"][data-me-svet="bronza"] .os-undo[aria-pressed="true"], [data-me-theme="light"][data-me-svet="bronza"] .rv-tumb-b[aria-pressed="true"], [data-me-theme="light"][data-me-svet="bronza"] .s-seg-b[aria-pressed="true"], [data-me-theme="light"][data-me-svet="bronza"] .tf-tab[aria-pressed="true"], [data-me-theme="light"][data-me-svet="bronza"] .tp-filter[aria-pressed="true"], [data-me-theme="light"][data-me-svet="bronza"] .tp-topic[aria-pressed="true"], [data-me-theme="light"][data-me-svet="bronza"] .zv-check[aria-pressed="true"], [data-me-theme="light"][data-me-svet="bronza"] .zv-chip[aria-pressed="true"], [data-me-theme="light"][data-me-svet="bronza"] .zv-prompt[aria-pressed="true"] { background: var(--me-primary); border-color: var(--me-primary); color: var(--me-primary-ink); } [data-me-theme="light"][data-me-svet="bronza"] .ch-file, [data-me-theme="light"][data-me-svet="bronza"] .ch-m, [data-me-theme="light"][data-me-svet="bronza"] .k-btn, [data-me-theme="light"][data-me-svet="bronza"] .k-main, [data-me-theme="light"][data-me-svet="bronza"] .k-pick, [data-me-theme="light"][data-me-svet="bronza"] .k-req-c, [data-me-theme="light"][data-me-svet="bronza"] .kd-open, [data-me-theme="light"][data-me-svet="bronza"] .kl-ai, [data-me-theme="light"][data-me-svet="bronza"] .kl-ai-undo, [data-me-theme="light"][data-me-svet="bronza"] .kl-btn, [data-me-theme="light"][data-me-svet="bronza"] .kl-card-q, [data-me-theme="light"][data-me-svet="bronza"] .kl-fix, [data-me-theme="light"][data-me-svet="bronza"] .kl-golos-otmena, [data-me-theme="light"][data-me-svet="bronza"] .kl-hint-btn, [data-me-theme="light"][data-me-svet="bronza"] .kl-ink, [data-me-theme="light"][data-me-svet="bronza"] .kl-scale, [data-me-theme="light"][data-me-svet="bronza"] .kl-srs-play, [data-me-theme="light"][data-me-svet="bronza"] .kl-sw-off, [data-me-theme="light"][data-me-svet="bronza"] .kl-tip-head, [data-me-theme="light"][data-me-svet="bronza"] .kl-undo, [data-me-theme="light"][data-me-svet="bronza"] .kl-voc-splitbtn, [data-me-theme="light"][data-me-svet="bronza"] .kt-head, [data-me-theme="light"][data-me-svet="bronza"] .kz-stepper, [data-me-theme="light"][data-me-svet="bronza"] .kz-switch, [data-me-theme="light"][data-me-svet="bronza"] .l-undo-go, [data-me-theme="light"][data-me-svet="bronza"] .mc-danger, [data-me-theme="light"][data-me-svet="bronza"] .mc-rates, [data-me-theme="light"][data-me-svet="bronza"] .mc-retry, [data-me-theme="light"][data-me-svet="bronza"] .mc-seg, [data-me-theme="light"][data-me-svet="bronza"] .p-link, [data-me-theme="light"][data-me-svet="bronza"] .p-main, [data-me-theme="light"][data-me-svet="bronza"] .rv-ai, [data-me-theme="light"][data-me-svet="bronza"] .rv-final, [data-me-theme="light"][data-me-svet="bronza"] .rv-snyat, [data-me-theme="light"][data-me-svet="bronza"] .rv-vdel, [data-me-theme="light"][data-me-svet="bronza"] .rv-vernut, [data-me-theme="light"][data-me-svet="bronza"] .rv-zam-otmena, [data-me-theme="light"][data-me-svet="bronza"] .s-handover-sel, [data-me-theme="light"][data-me-svet="bronza"] .sd-again, [data-me-theme="light"][data-me-svet="bronza"] .sd-drop, [data-me-theme="light"][data-me-svet="bronza"] .sd-part, [data-me-theme="light"][data-me-svet="bronza"] .sd-rec, [data-me-theme="light"][data-me-svet="bronza"] .sd-voc-wrap, [data-me-theme="light"][data-me-svet="bronza"] .tk-clip, [data-me-theme="light"][data-me-svet="bronza"] .tk-steret, [data-me-theme="light"][data-me-svet="bronza"] .tp-cancel, [data-me-theme="light"][data-me-svet="bronza"] .tp-clip, [data-me-theme="light"][data-me-svet="bronza"] .tp-file, [data-me-theme="light"][data-me-svet="bronza"] .tp-new, [data-me-theme="light"][data-me-svet="bronza"] .tp-row, [data-me-theme="light"][data-me-svet="bronza"] .zv-pill, [data-me-theme="light"][data-me-svet="bronza"] .zv-terms-ok, [data-me-theme="light"][data-me-svet="bronza"] .zv-who { background: var(--me-surface); } /* Список «О чём сообщение» — только цветом: сокращённая запись стирала стрелку (6.12, 28.09.2026; правило 5§1024). */ [data-me-theme="light"][data-me-svet="bronza"] .ms-topic { background-color: var(--me-surface); } /* Цвет рамки и буквы — только в покое: наведение берёт своё из ядра (5§995). */ [data-me-theme="light"][data-me-svet="bronza"] .ch-file:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .ch-m:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .k-btn:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .k-main, [data-me-theme="light"][data-me-svet="bronza"] .k-pick, [data-me-theme="light"][data-me-svet="bronza"] .k-req-c:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .kd-open:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .kl-ai:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .kl-ai-undo:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .kl-btn:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .kl-card-q, [data-me-theme="light"][data-me-svet="bronza"] .kl-fix:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .kl-golos-otmena:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .kl-hint-btn:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .kl-ink:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .kl-scale:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .kl-srs-play:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .kl-sw-off:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .kl-tip-head, [data-me-theme="light"][data-me-svet="bronza"] .kl-undo, [data-me-theme="light"][data-me-svet="bronza"] .kl-voc-splitbtn:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .kt-head, [data-me-theme="light"][data-me-svet="bronza"] .kz-stepper, [data-me-theme="light"][data-me-svet="bronza"] .kz-switch, [data-me-theme="light"][data-me-svet="bronza"] .l-undo-go:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .mc-danger:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .mc-rates, [data-me-theme="light"][data-me-svet="bronza"] .mc-retry, [data-me-theme="light"][data-me-svet="bronza"] .mc-seg, [data-me-theme="light"][data-me-svet="bronza"] .ms-topic:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .p-link:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .p-main, [data-me-theme="light"][data-me-svet="bronza"] .rv-ai:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .rv-final, [data-me-theme="light"][data-me-svet="bronza"] .rv-snyat:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .rv-vdel:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .rv-vernut, [data-me-theme="light"][data-me-svet="bronza"] .rv-zam-otmena:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .s-handover-sel, [data-me-theme="light"][data-me-svet="bronza"] .sd-again:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .sd-drop:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .sd-part, [data-me-theme="light"][data-me-svet="bronza"] .sd-rec:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .sd-voc-wrap, [data-me-theme="light"][data-me-svet="bronza"] .tk-clip:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .tk-steret:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .tp-cancel:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .tp-clip:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .tp-file, [data-me-theme="light"][data-me-svet="bronza"] .tp-new:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .tp-row:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .zv-pill, [data-me-theme="light"][data-me-svet="bronza"] .zv-terms-ok:not(:hover), [data-me-theme="light"][data-me-svet="bronza"] .zv-who { border-color: var(--me-border-soft); } /* ============================================================ ВАРИАЦИИ «ДОРАБОТАННАЯ» И «ДОРАБОТАННАЯ, ФОН ГЛУБЖЕ» ------------------------------------------------------------ Пакет от 15 сентября 2026, `dizayn-15-sentyabrya-2/`. Прислан двумя архивами, и это ОДИН вид с двумя глубинами страницы: правила у них совпадают до буквы, расходятся два значения — страница и дорожка. Отличие от бронзы: страница остаётся на утверждённом пергаменте 0.965, бронзовой нити по краю блока нет. Дизайнер пишет прямо: «тема правится точечно, а не сменой лестницы». ЧТО ЗДЕСЬ НОВОГО ПО СУЩЕСТВУ: — `--me-nav` 0.945 — своя подложка под рядом кнопок наверху. Ровно то, о чём владелец спрашивал: ряд перестаёт сливаться с шапкой, и кнопки на нём читаются кнопками; — кнопки разведены на четыре веса: главное действие сплошным изумрудом, второе — изумрудной подложкой с изумрудной рамкой, опасное — терракотой, вкладки и чипы — пергаментом с тихой каймой, активные сплошным изумрудом; — ячейки сетки оплат получают свои цвета по состояниям; — значки «+/–» — золотая подложка с бронзовым знаком. КЛАССЫ СОПОСТАВЛЕНЫ С НАШИМИ. В пакете 35 имён, у нас есть 9; остальные переложены на настоящие: `.k-navbar` → `.p-nav`, `.nav-pill`/`.k-chip`/`.k-sort` → наши вкладки и чипы, `.btn-secondary` → `.p-btn`, `.btn-danger` → `.p-btn.is-danger`, `.k-cell--*` → `.cell.is-*`, `.k-toggle` → `.k-fold-i`, `.k-play-i` → `.mp`, `.k-lb` → `.lb`, `.kl-sheet` → `.kl-paper`. `.k-cta` и `.k-scard` не сопоставлены: таких мест у нас нет, и замену им не придумываем. ============================================================ */ [data-me-theme="light"][data-me-svet="dorabotannaya"], [data-me-theme="light"][data-me-svet="glubzhe"] { --me-rule: oklch(0.9 0.012 90); /* тихая черта внутри блока */ --me-nav: oklch(0.945 0.014 90); /* подложка под рядом кнопок */ --me-shadow-card: 0 2px 4px -1px oklch(0.4 0.03 120 / 0.10), 0 20px 38px -24px oklch(0.4 0.03 120 / 0.5); --me-shadow-raised: 0 4px 8px -2px oklch(0.4 0.03 120 / 0.14), 0 28px 54px -28px oklch(0.4 0.03 120 / 0.55); --me-cell-paid-edge: oklch(0.7 0.06 158); --me-cell-paid-ink: oklch(0.33 0.07 158); --me-cell-debt: oklch(0.935 0.05 32); --me-cell-debt-edge: oklch(0.63 0.12 30); --me-cell-debt-ink: oklch(0.4 0.14 32); --me-cell-pause: oklch(0.92 0.014 90); } /* Вторая глубина: та же вариация, страница опущена. Два значения, и только они. Идёт ПОСЛЕ общего блока — вес тот же, побеждает последнее. */ [data-me-theme="light"][data-me-svet="glubzhe"] { --me-canvas: oklch(0.925 0.016 88); /* страница глубже */ --me-track: oklch(0.885 0.018 88); /* дорожка следом за ней */ } /* Карточка: тихая кайма и двухслойная тень. Бронзы здесь нет — в этой вариации край блока остаётся спокойным. */ [data-me-theme="light"][data-me-svet="dorabotannaya"] .k-card, [data-me-theme="light"][data-me-svet="dorabotannaya"] .p-card, [data-me-theme="light"][data-me-svet="dorabotannaya"] .p-scard, [data-me-theme="light"][data-me-svet="glubzhe"] .k-card, [data-me-theme="light"][data-me-svet="glubzhe"] .p-card, [data-me-theme="light"][data-me-svet="glubzhe"] .p-scard { border: 1px solid var(--me-border-soft); box-shadow: var(--me-shadow-card); } /* Всплывающее лежит ПОВЕРХ карточки — тень глубже карточной. */ [data-me-theme="light"][data-me-svet="dorabotannaya"] .ms-drop, [data-me-theme="light"][data-me-svet="dorabotannaya"] .mq-drop, [data-me-theme="light"][data-me-svet="dorabotannaya"] .sd-drop, [data-me-theme="light"][data-me-svet="dorabotannaya"] .mc-emo, [data-me-theme="light"][data-me-svet="dorabotannaya"] .mc-react-pop, [data-me-theme="light"][data-me-svet="glubzhe"] .ms-drop, [data-me-theme="light"][data-me-svet="glubzhe"] .mq-drop, [data-me-theme="light"][data-me-svet="glubzhe"] .sd-drop, [data-me-theme="light"][data-me-svet="glubzhe"] .mc-emo, [data-me-theme="light"][data-me-svet="glubzhe"] .mc-react-pop { box-shadow: var(--me-shadow-raised); } /* Раскрытый блок получает золотую полосу сверху: «здесь работа». */ [data-me-theme="light"][data-me-svet="dorabotannaya"] .k-card.k-fold.is-open, [data-me-theme="light"][data-me-svet="dorabotannaya"] details.k-card[open], [data-me-theme="light"][data-me-svet="glubzhe"] .k-card.k-fold.is-open, [data-me-theme="light"][data-me-svet="glubzhe"] details.k-card[open] { border-top: 3px solid var(--me-accent); } /* Черты внутри блока — тихие. */ [data-me-theme="light"][data-me-svet="dorabotannaya"] .k-row, [data-me-theme="light"][data-me-svet="dorabotannaya"] .k-card tbody tr + tr, [data-me-theme="light"][data-me-svet="dorabotannaya"] .k-list > * + *, [data-me-theme="light"][data-me-svet="glubzhe"] .k-row, [data-me-theme="light"][data-me-svet="glubzhe"] .k-card tbody tr + tr, [data-me-theme="light"][data-me-svet="glubzhe"] .k-list > * + * { border-color: var(--me-rule); } /* Значки «+/–»: золотая подложка, бронзовый знак. */ [data-me-theme="light"][data-me-svet="dorabotannaya"] .k-fold-i, [data-me-theme="light"][data-me-svet="dorabotannaya"] .rv-fold-i, [data-me-theme="light"][data-me-svet="glubzhe"] .k-fold-i, [data-me-theme="light"][data-me-svet="glubzhe"] .rv-fold-i { background: var(--me-gold-soft); border: 1px solid var(--me-accent); color: var(--me-accent-ink); } /* ------------------------------------------------------------ РЯД КНОПОК НАВЕРХУ — то, о чём владелец спрашивал прямо. У ряда появляется своя подложка `--me-nav` 0.945: он перестаёт сливаться с шапкой 0.975, и кнопки на нём читаются кнопками, а не полями ввода. ------------------------------------------------------------ */ [data-me-theme="light"][data-me-svet="dorabotannaya"] .p-nav, [data-me-theme="light"][data-me-svet="glubzhe"] .p-nav { background: var(--me-nav); border-radius: 10px; padding: 8px 10px; } /* ------------------------------------------------------------ ВКЛАДКИ, ФИЛЬТРЫ, ЧИПЫ — четвёртый вес кнопок. Неактивный — пергамент карточки с тихой каймой, активный — сплошной изумруд. Коробка одна в обоих состояниях, иначе активная пилюля оседает ниже соседних. Пакет зовёт их `.nav-pill`, `.k-chip`, `.k-sort`; у нас это семнадцать своих имён, и все они существуют — проверено. ------------------------------------------------------------ */ [data-me-theme="light"][data-me-svet="dorabotannaya"] .chip, [data-me-theme="light"][data-me-svet="dorabotannaya"] .p-abc button, [data-me-theme="light"][data-me-svet="dorabotannaya"] .kl-tab, [data-me-theme="light"][data-me-svet="dorabotannaya"] .kl-mtab, [data-me-theme="light"][data-me-svet="dorabotannaya"] .kr-mtab, [data-me-theme="light"][data-me-svet="dorabotannaya"] .ms-tab, [data-me-theme="light"][data-me-svet="dorabotannaya"] .tf-tab, [data-me-theme="light"][data-me-svet="dorabotannaya"] .tp-filter, [data-me-theme="light"][data-me-svet="dorabotannaya"] .kl-pill, [data-me-theme="light"][data-me-svet="dorabotannaya"] .kl-qnum, [data-me-theme="light"][data-me-svet="dorabotannaya"] .zv-chip, [data-me-theme="light"][data-me-svet="dorabotannaya"] .s-seg-b, [data-me-theme="light"][data-me-svet="dorabotannaya"] .kl-tumb-b, [data-me-theme="light"][data-me-svet="dorabotannaya"] .rv-tumb-b, [data-me-theme="light"][data-me-svet="dorabotannaya"] .dk-b, [data-me-theme="light"][data-me-svet="dorabotannaya"] .kz-month, [data-me-theme="light"][data-me-svet="glubzhe"] .chip, [data-me-theme="light"][data-me-svet="glubzhe"] .p-abc button, [data-me-theme="light"][data-me-svet="glubzhe"] .kl-tab, [data-me-theme="light"][data-me-svet="glubzhe"] .kl-mtab, [data-me-theme="light"][data-me-svet="glubzhe"] .kr-mtab, [data-me-theme="light"][data-me-svet="glubzhe"] .ms-tab, [data-me-theme="light"][data-me-svet="glubzhe"] .tf-tab, [data-me-theme="light"][data-me-svet="glubzhe"] .tp-filter, [data-me-theme="light"][data-me-svet="glubzhe"] .kl-pill, [data-me-theme="light"][data-me-svet="glubzhe"] .kl-qnum, [data-me-theme="light"][data-me-svet="glubzhe"] .zv-chip, [data-me-theme="light"][data-me-svet="glubzhe"] .s-seg-b, [data-me-theme="light"][data-me-svet="glubzhe"] .kl-tumb-b, [data-me-theme="light"][data-me-svet="glubzhe"] .rv-tumb-b, [data-me-theme="light"][data-me-svet="glubzhe"] .dk-b, [data-me-theme="light"][data-me-svet="glubzhe"] .kz-month { background: var(--me-surface); border: 1px solid var(--me-border-soft); color: var(--me-text); } [data-me-theme="light"][data-me-svet="dorabotannaya"] .chip.is-on, [data-me-theme="light"][data-me-svet="dorabotannaya"] .p-abc button.is-on, [data-me-theme="light"][data-me-svet="dorabotannaya"] .kl-tab.is-on, [data-me-theme="light"][data-me-svet="dorabotannaya"] .kl-mtab.is-on, [data-me-theme="light"][data-me-svet="dorabotannaya"] .kl-list.is-on, [data-me-theme="light"][data-me-svet="dorabotannaya"] .kr-mtab.is-on, [data-me-theme="light"][data-me-svet="dorabotannaya"] .ms-tab.is-on, [data-me-theme="light"][data-me-svet="dorabotannaya"] .tf-tab.is-on, [data-me-theme="light"][data-me-svet="dorabotannaya"] .tp-filter.is-on, [data-me-theme="light"][data-me-svet="dorabotannaya"] .kl-pill.is-on, [data-me-theme="light"][data-me-svet="dorabotannaya"] .kl-qnum.is-on, [data-me-theme="light"][data-me-svet="dorabotannaya"] .zv-chip.is-on, [data-me-theme="light"][data-me-svet="dorabotannaya"] .s-seg-b.is-on, [data-me-theme="light"][data-me-svet="dorabotannaya"] .kl-tumb-b.is-on, [data-me-theme="light"][data-me-svet="dorabotannaya"] .rv-tumb-b.is-on, [data-me-theme="light"][data-me-svet="dorabotannaya"] .dk-b.is-on, [data-me-theme="light"][data-me-svet="dorabotannaya"] .kz-month.is-on, [data-me-theme="light"][data-me-svet="glubzhe"] .chip.is-on, [data-me-theme="light"][data-me-svet="glubzhe"] .p-abc button.is-on, [data-me-theme="light"][data-me-svet="glubzhe"] .kl-tab.is-on, [data-me-theme="light"][data-me-svet="glubzhe"] .kl-mtab.is-on, [data-me-theme="light"][data-me-svet="glubzhe"] .kl-list.is-on, [data-me-theme="light"][data-me-svet="glubzhe"] .kr-mtab.is-on, [data-me-theme="light"][data-me-svet="glubzhe"] .ms-tab.is-on, [data-me-theme="light"][data-me-svet="glubzhe"] .tf-tab.is-on, [data-me-theme="light"][data-me-svet="glubzhe"] .tp-filter.is-on, [data-me-theme="light"][data-me-svet="glubzhe"] .kl-pill.is-on, [data-me-theme="light"][data-me-svet="glubzhe"] .kl-qnum.is-on, [data-me-theme="light"][data-me-svet="glubzhe"] .zv-chip.is-on, [data-me-theme="light"][data-me-svet="glubzhe"] .s-seg-b.is-on, [data-me-theme="light"][data-me-svet="glubzhe"] .kl-tumb-b.is-on, [data-me-theme="light"][data-me-svet="glubzhe"] .rv-tumb-b.is-on, [data-me-theme="light"][data-me-svet="glubzhe"] .dk-b.is-on, [data-me-theme="light"][data-me-svet="glubzhe"] .kz-month.is-on, [data-me-theme="light"][data-me-svet="dorabotannaya"] .chip.is-active, [data-me-theme="light"][data-me-svet="dorabotannaya"] .p-abc button.is-active, [data-me-theme="light"][data-me-svet="dorabotannaya"] .kl-tab.is-active, [data-me-theme="light"][data-me-svet="dorabotannaya"] .kl-mtab.is-active, [data-me-theme="light"][data-me-svet="dorabotannaya"] .kl-list.is-active, [data-me-theme="light"][data-me-svet="dorabotannaya"] .kr-mtab.is-active, [data-me-theme="light"][data-me-svet="dorabotannaya"] .ms-tab.is-active, [data-me-theme="light"][data-me-svet="dorabotannaya"] .tf-tab.is-active, [data-me-theme="light"][data-me-svet="dorabotannaya"] .tp-filter.is-active, [data-me-theme="light"][data-me-svet="dorabotannaya"] .kl-pill.is-active, [data-me-theme="light"][data-me-svet="dorabotannaya"] .kl-qnum.is-active, [data-me-theme="light"][data-me-svet="dorabotannaya"] .zv-chip.is-active, [data-me-theme="light"][data-me-svet="dorabotannaya"] .s-seg-b.is-active, [data-me-theme="light"][data-me-svet="dorabotannaya"] .kl-tumb-b.is-active, [data-me-theme="light"][data-me-svet="dorabotannaya"] .rv-tumb-b.is-active, [data-me-theme="light"][data-me-svet="dorabotannaya"] .dk-b.is-active, [data-me-theme="light"][data-me-svet="dorabotannaya"] .kz-month.is-active, [data-me-theme="light"][data-me-svet="glubzhe"] .chip.is-active, [data-me-theme="light"][data-me-svet="glubzhe"] .p-abc button.is-active, [data-me-theme="light"][data-me-svet="glubzhe"] .kl-tab.is-active, [data-me-theme="light"][data-me-svet="glubzhe"] .kl-mtab.is-active, [data-me-theme="light"][data-me-svet="glubzhe"] .kl-list.is-active, [data-me-theme="light"][data-me-svet="glubzhe"] .kr-mtab.is-active, [data-me-theme="light"][data-me-svet="glubzhe"] .ms-tab.is-active, [data-me-theme="light"][data-me-svet="glubzhe"] .tf-tab.is-active, [data-me-theme="light"][data-me-svet="glubzhe"] .tp-filter.is-active, [data-me-theme="light"][data-me-svet="glubzhe"] .kl-pill.is-active, [data-me-theme="light"][data-me-svet="glubzhe"] .kl-qnum.is-active, [data-me-theme="light"][data-me-svet="glubzhe"] .zv-chip.is-active, [data-me-theme="light"][data-me-svet="glubzhe"] .s-seg-b.is-active, [data-me-theme="light"][data-me-svet="glubzhe"] .kl-tumb-b.is-active, [data-me-theme="light"][data-me-svet="glubzhe"] .rv-tumb-b.is-active, [data-me-theme="light"][data-me-svet="glubzhe"] .dk-b.is-active, [data-me-theme="light"][data-me-svet="glubzhe"] .kz-month.is-active, [data-me-theme="light"][data-me-svet="dorabotannaya"] .chip[aria-pressed="true"], [data-me-theme="light"][data-me-svet="dorabotannaya"] .p-abc button[aria-pressed="true"], [data-me-theme="light"][data-me-svet="dorabotannaya"] .kl-tab[aria-pressed="true"], [data-me-theme="light"][data-me-svet="dorabotannaya"] .kl-mtab[aria-pressed="true"], [data-me-theme="light"][data-me-svet="dorabotannaya"] .kl-list[aria-pressed="true"], [data-me-theme="light"][data-me-svet="dorabotannaya"] .kr-mtab[aria-pressed="true"], [data-me-theme="light"][data-me-svet="dorabotannaya"] .ms-tab[aria-pressed="true"], [data-me-theme="light"][data-me-svet="dorabotannaya"] .tf-tab[aria-pressed="true"], [data-me-theme="light"][data-me-svet="dorabotannaya"] .tp-filter[aria-pressed="true"], [data-me-theme="light"][data-me-svet="dorabotannaya"] .kl-pill[aria-pressed="true"], [data-me-theme="light"][data-me-svet="dorabotannaya"] .kl-qnum[aria-pressed="true"], [data-me-theme="light"][data-me-svet="dorabotannaya"] .zv-chip[aria-pressed="true"], [data-me-theme="light"][data-me-svet="dorabotannaya"] .s-seg-b[aria-pressed="true"], [data-me-theme="light"][data-me-svet="dorabotannaya"] .kl-tumb-b[aria-pressed="true"], [data-me-theme="light"][data-me-svet="dorabotannaya"] .rv-tumb-b[aria-pressed="true"], [data-me-theme="light"][data-me-svet="dorabotannaya"] .dk-b[aria-pressed="true"], [data-me-theme="light"][data-me-svet="dorabotannaya"] .kz-month[aria-pressed="true"], [data-me-theme="light"][data-me-svet="glubzhe"] .chip[aria-pressed="true"], [data-me-theme="light"][data-me-svet="glubzhe"] .p-abc button[aria-pressed="true"], [data-me-theme="light"][data-me-svet="glubzhe"] .kl-tab[aria-pressed="true"], [data-me-theme="light"][data-me-svet="glubzhe"] .kl-mtab[aria-pressed="true"], [data-me-theme="light"][data-me-svet="glubzhe"] .kl-list[aria-pressed="true"], [data-me-theme="light"][data-me-svet="glubzhe"] .kr-mtab[aria-pressed="true"], [data-me-theme="light"][data-me-svet="glubzhe"] .ms-tab[aria-pressed="true"], [data-me-theme="light"][data-me-svet="glubzhe"] .tf-tab[aria-pressed="true"], [data-me-theme="light"][data-me-svet="glubzhe"] .tp-filter[aria-pressed="true"], [data-me-theme="light"][data-me-svet="glubzhe"] .kl-pill[aria-pressed="true"], [data-me-theme="light"][data-me-svet="glubzhe"] .kl-qnum[aria-pressed="true"], [data-me-theme="light"][data-me-svet="glubzhe"] .zv-chip[aria-pressed="true"], [data-me-theme="light"][data-me-svet="glubzhe"] .s-seg-b[aria-pressed="true"], [data-me-theme="light"][data-me-svet="glubzhe"] .kl-tumb-b[aria-pressed="true"], [data-me-theme="light"][data-me-svet="glubzhe"] .rv-tumb-b[aria-pressed="true"], [data-me-theme="light"][data-me-svet="glubzhe"] .dk-b[aria-pressed="true"], [data-me-theme="light"][data-me-svet="glubzhe"] .kz-month[aria-pressed="true"] { background: var(--me-primary); border-color: var(--me-primary); color: var(--me-primary-ink); } /* ВТОРОЕ ДЕЙСТВИЕ — изумрудная подложка с изумрудной рамкой. Подложка обязательна: светлая кнопка без заливки на пергаменте читается белым пятном. Пакет зовёт это `.btn-secondary`. */ [data-me-theme="light"][data-me-svet="dorabotannaya"] .p-btn, [data-me-theme="light"][data-me-svet="dorabotannaya"] .p-refresh-b, [data-me-theme="light"][data-me-svet="dorabotannaya"] .k-btn, [data-me-theme="light"][data-me-svet="dorabotannaya"] .kl-btn, [data-me-theme="light"][data-me-svet="dorabotannaya"] .p-link, [data-me-theme="light"][data-me-svet="glubzhe"] .p-btn, [data-me-theme="light"][data-me-svet="glubzhe"] .p-refresh-b, [data-me-theme="light"][data-me-svet="glubzhe"] .k-btn, [data-me-theme="light"][data-me-svet="glubzhe"] .kl-btn, [data-me-theme="light"][data-me-svet="glubzhe"] .p-link { background: var(--me-calm-soft); border: 1px solid var(--me-primary); color: var(--me-primary); box-shadow: none; } /* ГЛАВНОЕ ДЕЙСТВИЕ — сплошной изумруд, одно на блок. */ [data-me-theme="light"][data-me-svet="dorabotannaya"] .kp-cta, [data-me-theme="light"][data-me-svet="dorabotannaya"] .kr-cta, [data-me-theme="light"][data-me-svet="dorabotannaya"] .p-btn-main, [data-me-theme="light"][data-me-svet="glubzhe"] .kp-cta, [data-me-theme="light"][data-me-svet="glubzhe"] .kr-cta, [data-me-theme="light"][data-me-svet="glubzhe"] .p-btn-main { background: var(--me-primary); border: 1px solid var(--me-primary); color: var(--me-primary-ink); box-shadow: 0 10px 18px -11px oklch(0.46 0.085 158 / 0.6); } /* ОПАСНОЕ ДЕЙСТВИЕ — терракота. Класс `is-danger` стоит в разметке у четырёх кнопок «Отчислить». */ [data-me-theme="light"][data-me-svet="dorabotannaya"] .p-btn.is-danger, [data-me-theme="light"][data-me-svet="glubzhe"] .p-btn.is-danger { background: var(--me-urgent-soft); border: 1px solid var(--me-urgent); color: var(--me-urgent); } /* ПОЛЯ ВВОДА — утоплены в карточку, тени нет. */ [data-me-theme="light"][data-me-svet="dorabotannaya"] input, [data-me-theme="light"][data-me-svet="dorabotannaya"] textarea, [data-me-theme="light"][data-me-svet="glubzhe"] input, [data-me-theme="light"][data-me-svet="glubzhe"] textarea { background: var(--me-bg); border: 1px solid var(--me-border); color: var(--me-text); box-shadow: none; } /* Список — фон только цветом, иначе пропадает стрелка (5§1024; пояснение — у бронзы). */ [data-me-theme="light"][data-me-svet="dorabotannaya"] select, [data-me-theme="light"][data-me-svet="glubzhe"] select { background-color: var(--me-bg); border: 1px solid var(--me-border); color: var(--me-text); box-shadow: none; } [data-me-theme="light"][data-me-svet="dorabotannaya"] input[type="checkbox"], [data-me-theme="light"][data-me-svet="dorabotannaya"] input[type="radio"], [data-me-theme="light"][data-me-svet="glubzhe"] input[type="checkbox"], [data-me-theme="light"][data-me-svet="glubzhe"] input[type="radio"] { border-color: var(--me-border); } [data-me-theme="light"][data-me-svet="dorabotannaya"] :focus-visible, [data-me-theme="light"][data-me-svet="glubzhe"] :focus-visible { outline: 2px solid var(--me-primary); outline-offset: 2px; } [data-me-theme="light"][data-me-svet="dorabotannaya"] input:focus, [data-me-theme="light"][data-me-svet="dorabotannaya"] textarea:focus, [data-me-theme="light"][data-me-svet="dorabotannaya"] select:focus, [data-me-theme="light"][data-me-svet="glubzhe"] input:focus, [data-me-theme="light"][data-me-svet="glubzhe"] textarea:focus, [data-me-theme="light"][data-me-svet="glubzhe"] select:focus { border-color: var(--me-primary); box-shadow: 0 0 0 3px oklch(0.46 0.085 158 / 0.18); } /* СЕТКА ОПЛАТ — четыре состояния, у каждого свой контур и своя буква. Пустая ячейка отличается ФОРМОЙ контура: на чёрно-белой печати цвет пропадает, пунктир остаётся. */ [data-me-theme="light"][data-me-svet="dorabotannaya"] .cell, [data-me-theme="light"][data-me-svet="glubzhe"] .cell { background: var(--me-surface); } /* Цвет рамки и буквы — только в покое: наведение берёт своё из ядра (5§995). */ [data-me-theme="light"][data-me-svet="dorabotannaya"] .cell:not(:hover), [data-me-theme="light"][data-me-svet="glubzhe"] .cell:not(:hover) { border-color: var(--me-border-soft); color: var(--me-muted); } [data-me-theme="light"][data-me-svet="dorabotannaya"] .cell.is-paid, [data-me-theme="light"][data-me-svet="glubzhe"] .cell.is-paid { background: var(--me-calm-soft); border-color: var(--me-cell-paid-edge); color: var(--me-cell-paid-ink); } [data-me-theme="light"][data-me-svet="dorabotannaya"] .cell.is-debt, [data-me-theme="light"][data-me-svet="glubzhe"] .cell.is-debt { background: var(--me-cell-debt); border-color: var(--me-cell-debt-edge); color: var(--me-cell-debt-ink); } [data-me-theme="light"][data-me-svet="dorabotannaya"] .cell.is-paused, [data-me-theme="light"][data-me-svet="glubzhe"] .cell.is-paused { background: var(--me-cell-pause); border-color: var(--me-rule); color: var(--me-muted); font-weight: 400; } [data-me-theme="light"][data-me-svet="dorabotannaya"] .cell.is-na, [data-me-theme="light"][data-me-svet="glubzhe"] .cell.is-na { background: none; border-style: dashed; border-color: var(--me-rule); color: var(--me-faint); font-weight: 400; } /* Линовка тетради — тихой чертой, а не каймой блока. */ [data-me-theme="light"][data-me-svet="dorabotannaya"] .kl-paper, [data-me-theme="light"][data-me-svet="glubzhe"] .kl-paper { background: repeating-linear-gradient(var(--me-bg) 0 27px, var(--me-rule) 27px 28px); } /* Кнопка самой темы: тоже кнопка, не поле ввода. */ [data-me-theme="light"][data-me-svet="dorabotannaya"] .me-tema, [data-me-theme="light"][data-me-svet="glubzhe"] .me-tema { background: var(--me-surface); } /* Цвет рамки и буквы — только в покое: наведение берёт своё из ядра (5§995). */ [data-me-theme="light"][data-me-svet="dorabotannaya"] .me-tema:not(:hover), [data-me-theme="light"][data-me-svet="glubzhe"] .me-tema:not(:hover) { border-color: var(--me-border-soft); color: var(--me-text); } /* ============================================================ ШАПКА ЛЕНТЫ КУРСА — ЗЕЛЁНАЯ РАМКА ВО ВСЕХ ВАРИАЦИЯХ ------------------------------------------------------------ В тёмной теме зелёная рамка встала сразу: правило ядра `.kr-head{border-color:var(--me-primary)}` там ничем не перекрыто. В светлой её не было видно. Причина не в цвете: вариации красят карточку правилом `[data-me-theme="light"][data-me-svet="…"] .k-card { border: … }`, и оно весит три (две пометки плюс класс) против одного у `.kr-head`. Вдобавок там КОРОТКАЯ запись `border:`, которая сбрасывает и цвет тоже. Пишем `[data-me-svet]` без значения: пометка на странице стоит всегда, поэтому правило накрывает и базовую, и все вариации, а весит столько же, сколько их правило карточки, — и побеждает тем, что идёт ниже. ПРАВИЛО: правка в ядре доезжает до каждой вариации — ПОКА вариация не трогает то же свойство. Тронула — считай вес селекторов, а не надейся на порядок файлов. ПРАВИЛО: короткая запись `border:` сбрасывает цвет, даже если вы его там не писали. Ставя её в общем правиле, вы отменяете все частные. ============================================================ */ [data-me-theme="light"][data-me-svet] .kr-head { border-color: var(--me-primary); } /* ============================================================ БРОНЗА: ДВЕ ПОПРАВКИ ПО СЛОВУ ВЛАДЕЛЬЦА 15 сентября 2026, после просмотра вживую. ============================================================ */ /* 1. НАДПИСЬ НА КНОПКЕ ПРОПАДАЛА ПРИ НАВЕДЕНИИ. Наведение заливает кнопку `--me-calm-bright`, а в СВЕТЛОЙ теме «ярче» значит ТЕМНЕЕ: это 0.42, тёмная зелень. Буква при этом оставалась `--me-primary` 0.46 — то есть тёмная по тёмному, контраст 1.18:1. Надписи не было видно вовсе. Это не описка, а ловушка светлой темы: в тёмной `calm-bright` светлее основного, и та же пара читается прекрасно. Правило «ярче значит темнее» записано в палитре, но при переносе заливки о нём легко забыть — что и вышло. На залитой тёмным кнопке буква обязана быть светлой: `--me-primary-ink` даёт 7.58:1. ПРАВИЛО: меняя ЗАЛИВКУ при наведении, пересчитай БУКВУ. Заливка и буква — одна пара, и меняются они вместе. */ [data-me-theme="light"][data-me-svet="bronza"] .p-btn:hover, [data-me-theme="light"][data-me-svet="bronza"] .p-refresh-b:hover { background: var(--me-calm-bright); border-color: var(--me-primary); color: var(--me-primary-ink); } /* 2. РЯД КНОПОК НАВЕРХУ СЛИВАЛСЯ С ШАПКОЙ. В «Доработанной» у ряда своя подложка `--me-nav`, и между шапкой и содержимым виден зазор. В бронзе такой подложки не было: ряд лежал прямо на шапке, и граница между ними пропадала. Подложка подобрана под песочную лестницу бронзы, а не взята у соседней вариации: 0.94 при цветности 0.022 даёт 1.110 к шапке и 1.089 к странице — ряд отделяется от обеих. Значение «Доработанной» (0.945 0.014 90) на песке дало бы 1.093 к шапке и холодило бы, выпадая из тёплого ряда. */ [data-me-theme="light"][data-me-svet="bronza"] { --me-nav: oklch(0.94 0.022 84); } [data-me-theme="light"][data-me-svet="bronza"] .p-nav { background: var(--me-nav); border-radius: 10px; padding: 8px 10px; } /* ============================================================ СЧЁТЧИК «ТРЕБУЕТ ДЕЙСТВИЯ» В СВЕТЛОЙ ТЕМЕ — БОРДОВАЯ ЦИФРА ------------------------------------------------------------ В ядре цифра светлая: там правило пишется под ТЁМНУЮ тему, где заливка `--me-urgent-soft` — тёмно-красная 0.3. В светлой заливка розовая 0.945, и светлая цифра на ней пропала бы. Ставим бордовую `--me-urgent`: 6.65:1. Вес: три (пометка темы плюс два класса) против двух у правила ядра — перекрывает. Наведение весит четыре и остаётся за ядром, как и задумано: при наведении заливка становится терракотовой целиком, и цифра обязана стать светлой. `[data-me-svet]` без значения — чтобы правило накрыло и базовую, и все вариации разом. ============================================================ */ [data-me-theme="light"][data-me-svet] .p-cnt.is-due { color: var(--me-urgent); } /* ------------------------------------------------------------ СЧЁТЧИК ПОД КУРСОРОМ — ЦИФРА СВЕТЛАЯ. Правило ядра `.p-btn:hover .p-cnt.is-due` весит ЧЕТЫРЕ: класс, псевдокласс и два класса. Строка выше — `[data-me-theme="light"] [data-me-svet] .p-cnt.is-due` — весит РОВНО СТОЛЬКО ЖЕ: две пометки считаются наравне с классами. Я посчитал её за три и решил, что ядро победит. При равном весе побеждает то, что ниже по загрузке, а тема грузится ПОСЛЕ ядра — и бордовая цифра оставалась бордовой на бордовой заливке. Овал под курсором заливался целиком, цифры не было. ПРАВИЛО: `[атрибут]` весит столько же, сколько класс. Считая вес селектора, считай и пометки — их легко принять за обрамление. ПРАВИЛО: при равном весе решает порядок загрузки. Тема грузится после ядра, значит её правила перекрывают ядро всегда, когда вес сошёлся. ------------------------------------------------------------ */ [data-me-theme="light"][data-me-svet] .p-btn:hover .p-cnt.is-due { background: var(--me-urgent); color: var(--me-primary-ink); } /* ============================================================ ГЛАВНОЕ ДЕЙСТВИЕ НЕ СЪЕДАЕТСЯ ОБЩИМ ПРАВИЛОМ КНОПОК ------------------------------------------------------------ Найдено владельцем 15 сентября 2026: на странице чеков кнопка «Отправить чек» была пустой — песочная плашка без надписи. Разбор. В ядре главная кнопка — это ВТОРОЙ класс на том же элементе: `class="k-btn k-btn-main"`, и заливку даёт `.k-btn-main` весом ОДИН. А вариация красит все кнопки разом правилом `[пометка][пометка] .k-btn` весом ТРИ — и отбирает у главной изумруд, оставляя ей светлую букву от `--me-ink`. Светлая буква на песочной плашке — это пустая плашка. ПРАВИЛО: общее правило по базовому классу съедает модификатор, если модификатор — отдельный класс. Красишь всё семейство — верни особые случаи тем же движением. Здесь вес четыре (две пометки и два класса) там, где модификатор парный, и три с порядком ниже — где одиночный. Возвращаем только ЗАЛИВКУ и КАЙМУ: буква у этих кнопок своя и верная. ============================================================ */ [data-me-theme="light"][data-me-svet] .k-btn.k-btn-main, [data-me-theme="light"][data-me-svet] .p-btn.p-btn-main, [data-me-theme="light"][data-me-svet] .k-btn.is-done, [data-me-theme="light"][data-me-svet] .p-btn.is-done, [data-me-theme="light"][data-me-svet] .k-req-c.is-done, [data-me-theme="light"][data-me-svet] .kl-btn.kl-btn-go { background: var(--me-primary); border-color: var(--me-primary); /* БУКВА — ЗДЕСЬ ЖЕ. Без неё цвет берётся из общего правила вариации: у бронзы это тёмно-зелёный `--me-primary`, и надпись пропадала на изумрудной заливке, проступая только под курсором, когда бронза меняет цвет буквы. Ровно та же ошибка, что днём с активной вкладкой: вернул заливку и не вернул пару. Второй раз за день — значит правило стоит повторить здесь. */ color: var(--me-primary-ink); } /* Те же кнопки, где модификатор стоит без базового класса рядом в разметке: вес три, побеждает порядком. */ [data-me-theme="light"][data-me-svet] .k-btn-main, [data-me-theme="light"][data-me-svet] .p-btn-main, [data-me-theme="light"][data-me-svet] .kl-btn-go { background: var(--me-primary); border-color: var(--me-primary); color: var(--me-primary-ink); } /* ============================================================ РЯД НАВЕРХУ — ЭТО ВКЛАДКИ, А НЕ КНОПКИ ДЕЙСТВИЯ ------------------------------------------------------------ Найдено владельцем 15 сентября 2026: активная вкладка в бронзе стала сплошной зелёной, а надпись на ней появлялась только под курсором. Моя ошибка, и она в два хода. ПЕРВЫЙ. Сторож посчитал сочетание `p-btn p-sm is-on` главной кнопкой — потому что где-то в другом месте есть правило `.is-on{background:var(--me-primary)}`. Это ГЕНЕРАЛЬНОЕ имя состояния: его носят десятки разных мест, и заливка изумрудом там относится к совсем другому. ВТОРОЙ. Я по этому докладу вернул `.p-btn.is-on` изумруд, но букву не тронул — а в ядре у активной вкладки буква ТЁМНАЯ (`--me-text`), потому что задумана она светло-зелёной пилюлей, а не залитой кнопкой. Тёмная буква на тёмном изумруде — пустая плашка, и надпись проступала лишь при наведении, когда бронза меняет цвет буквы. ПРАВИЛО: возвращая заливку, возвращай ПАРУ. Заливка без буквы — это половина правила и целая беда. ПРАВИЛО: `.is-on`, `.is-active`, `.is-done` — имена СОСТОЯНИЯ, а не роли. Одно и то же имя у вкладки значит «вы здесь», у кнопки — «сделано», у ячейки — «оплачено». Судить о роли по такому имени нельзя. КАК СДЕЛАНО. Ряд наверху — вкладки, и красим их как вкладки: покой — пергамент с бронзовой нитью, «вы здесь» — сплошной изумруд со светлой буквой (7.53:1). Раньше в бронзе покой и «вы здесь» были неразличимы: общее правило кнопок красило обе изумрудной подложкой. ============================================================ */ [data-me-theme="light"][data-me-svet="bronza"] .p-nav .p-btn { background: var(--me-surface); border-color: var(--me-border-soft); color: var(--me-text); } [data-me-theme="light"][data-me-svet="bronza"] .p-nav .p-btn.is-on { background: var(--me-primary); border-color: var(--me-primary); color: var(--me-primary-ink); font-weight: 700; } [data-me-theme="light"][data-me-svet="bronza"] .p-nav .p-btn:hover { background: var(--me-calm-soft); border-color: var(--me-primary); color: var(--me-primary); } [data-me-theme="light"][data-me-svet="bronza"] .p-nav .p-btn.is-on:hover { background: var(--me-calm-bright); color: var(--me-primary-ink); } /* ============================================================ ТАРИФЫ ВЕДУТ СЕБЯ КАК ОСТАЛЬНЫЕ СКЛАДНЫЕ БЛОКИ ------------------------------------------------------------ Найдено владельцем 15 сентября 2026: у «Тарифов» значок «+/−» не золотится, и раскрытый блок не получает бронзовой полосы сверху — хотя у соседних блоков и то, и другое есть. Причина не в вариации, а в именах. Складные блоки кабинета носят `.k-fold` и значок `.k-fold-i`; разбор работы — `.rv-fold-i`. А тарифы, сделанные отдельно, зовут своё `.kt` и `.kt-sign`. Правила вариаций писались по первым двум и до третьего просто не доставали. ПРАВИЛО: одинаковое на вид — не значит одинаковое по именам. Красишь семейство складных блоков — перечисли ВСЕ его имена, а не те, что попались под руку. Дописано к обеим редакциям, где такие правила есть. В базовой их нет вовсе — там складные блоки не золотятся ни у кого, и трогать её незачем. ============================================================ */ [data-me-theme="light"][data-me-svet="bronza"] .kt-sign, [data-me-theme="light"][data-me-svet="dorabotannaya"] .kt-sign, [data-me-theme="light"][data-me-svet="glubzhe"] .kt-sign { background: var(--me-gold-soft); border: 1px solid var(--me-accent); color: var(--me-accent-ink); } [data-me-theme="light"][data-me-svet="bronza"] .k-card.kt.is-open, [data-me-theme="light"][data-me-svet="dorabotannaya"] .k-card.kt.is-open, [data-me-theme="light"][data-me-svet="glubzhe"] .k-card.kt.is-open { border-top: 3px solid var(--me-accent); } /* ------------------------------------------------------------ КНОПКА «ОБНОВИТЬ» — ЗНАЧОК И ВРЕМЯ ТОЖЕ СВЕТЛЕЮТ Найдено владельцем 15 сентября 2026: под курсором надпись в кнопке пропадает. Разбор. Кнопка под курсором заливается тёмной зеленью, и слово «Обновить» светлеет — оно наследует цвет кнопки. А два вложенных знака цвет НЕ наследуют, у них свой: значок обновления взят `--me-primary` (тёмная зелень), время — `--me-faint` (серое). Оба на тёмной заливке пропадают. ПРАВИЛО: заливка накрывает и вложенные знаки. Цвет наследуют не все — у кого он задан свой, тот останется прежним. Меняя заливку, пройди по детям. Время оставлено мельче, но светлым: разница в размере держит старшинство и без разницы в цвете. ------------------------------------------------------------ */ [data-me-theme="light"][data-me-svet="bronza"] .p-refresh-b:hover .p-refresh-i, [data-me-theme="light"][data-me-svet="bronza"] .p-refresh-b:hover .p-refresh-t em { color: var(--me-primary-ink); } /* ============================================================ КАРТОЧКИ СО СВОЕЙ КАЙМОЙ — ТРЕТИЙ СЛУЧАЙ ОДНОГО РОДА ------------------------------------------------------------ Владелец 16 сентября 2026: «в тёмной теме рамку сделал, а в светлой нет». Причина та же, что была у шапки ленты курса: вариации красят карточку правилом `[пометка][пометка] .k-card { border: … }` весом три и КОРОТКОЙ записью, которая сбрасывает цвет. Правило ядра `.k-my{border-color:…}` весит один и проигрывает. В тёмной теме таких правил нет — потому там кайма и встала. ТРЕТИЙ РАЗ ЗА ДВА ДНЯ. Значит это не случай, а свойство: любая карточка, красящая кайму СЕБЕ, в светлой теме теряет её. Поэтому здесь перечислены все такие карточки разом, а прогон ищет новые сам — по разметке, где `k-card` встречается вместе с классом, который задаёт себе кайму. ПРАВИЛО: поймав ошибку в третий раз, перестают чинить случай и начинают чинить род. ============================================================ */ [data-me-theme="light"][data-me-svet] .k-my { border-color: var(--me-primary); } [data-me-theme="light"][data-me-svet] .kr-les.is-now { border-color: var(--me-primary); } /* Кайма блока «Мой урок» — изумрудная с 23 сентября 2026 (обмен зелёных, задание № 6, пункт 6): правило выше, `--me-primary`. Прежде здесь стояло второе правило — нефритовое — и перебивало первое. */ /* «УДАЛИТЬ НАВСЕГДА» — ЗАЛИВКА ТЕРРАКОТОЙ, И ОНА ТОЖЕ ТЕРЯЛАСЬ. Кнопка носит `p-btn p-danger`: заливку даёт второй класс весом один, а вариация красит `.p-btn` весом три. Выходила пергаментная плашка со светлой буквой — то есть пустая. Ровно тот род, что закрыт правилом выше; прогон нашёл это сам, как только кнопке задали заливку. Возвращаем пару целиком: заливку, кайму и букву. */ [data-me-theme="light"][data-me-svet] .p-btn.p-danger { background: var(--me-urgent); border-color: var(--me-urgent); color: var(--me-primary-ink); } /* «ОТПРАВИТЬ ЧЕК» У ДОЛЖНИКА — ТА ЖЕ ТЕРРАКОТА, ТОТ ЖЕ СЛУЧАЙ. Заведено 21 сентября 2026 по слову владельца: у должника плашка красная, а кнопка в ней была изумрудной. Кнопка носит `k-btn k-btn-danger`, и вариация красит `.k-btn` весом три — без этого правила в светлой теме вышла бы пергаментная плашка со светлой буквой, то есть пустая. Прогон нашёл это сам, как только кнопке задали заливку: третий раз подряд один и тот же род. */ [data-me-theme="light"][data-me-svet] .k-btn.k-btn-danger { background: var(--me-urgent); border-color: var(--me-urgent); color: var(--me-primary-ink); } /* ============================================================ ПОЛОСА ВЫДЕЛЕНИЯ В СВЕТЛОЙ ТЕМЕ: ПАУЗА СЕРАЯ, ОТЧИСЛИТЬ КРАСНАЯ ------------------------------------------------------------ Владелец 16 сентября 2026: «в светлой теме „Поставить на паузу“ и „Отчислить“ зелёные — не то. Пауза должна быть серой: серая кайма, серая надпись, а под курсором плотная серая заливка и белые буквы. Отчислить — как в тёмной: красная кайма и красный текст». ПРИЧИНА ПРЕЖНЕГО. Ядро задаёт этим кнопкам свой вид правилом весом ОДИН, а вариации красят всё семейство `.p-btn` правилом весом ТРИ. Ядро проигрывает, и кнопки выходили зелёными, как все прочие. ТРЕТИЙ ЗАХОД НА ОДИН РОД ЗА СУТКИ. Сторож 13е ловит такие случаи по признаку «светлая буква и своя заливка» — сюда он не дотянулся: у паузы буква `--me-muted` (не из списка светлых), у «Отчислить» заливки нет вовсе. Признак сужен по прошлым бедам и новую не покрыл. ПРАВИЛО: признак, выведенный из прошлых случаев, ловит прошлые случаи. Проверяя род целиком, спрашивай не «похоже ли на прежнюю беду», а «задаёт ли эта кнопка себе вид, который вариация перебьёт». ============================================================ */ [data-me-theme="light"][data-me-svet] .p-btn.p-pauza { background: transparent; border-color: var(--me-border); color: var(--me-muted); font-weight: 400; } [data-me-theme="light"][data-me-svet] .p-btn.p-pauza:hover { background: var(--me-muted); border-color: var(--me-muted); color: var(--me-primary-ink); } [data-me-theme="light"][data-me-svet] .p-btn.p-otchisl { background: transparent; border-color: var(--me-urgent); color: var(--me-urgent); } [data-me-theme="light"][data-me-svet] .p-btn.p-otchisl:hover { background: var(--me-urgent-soft); border-color: var(--me-urgent); color: var(--me-urgent); } /* «ДОРАБОТАТЬ» — терракотовая буква и тихая терракотовая кайма. Найдено прогоном 16 сентября, когда проверка расширилась на весь род: кнопка задаёт себе вид весом один, вариация красит семейство весом три. В светлой теме «Доработать» выходила такой же зелёной, как «Принять», — а это противоположные решения учителя. */ [data-me-theme="light"][data-me-svet] .p-btn.p-warn { background: transparent; border-color: var(--me-urgent-soft); color: var(--me-urgent); } [data-me-theme="light"][data-me-svet] .p-btn.p-warn:hover { background: var(--me-urgent-soft); border-color: var(--me-urgent); color: var(--me-urgent); } /* АКТИВНАЯ ВКЛАДКА ПАНЕЛИ — ВО ВСЕХ ВАРИАЦИЯХ, А НЕ ТОЛЬКО В БРОНЗЕ. Прежнее правило было написано под бронзу, потому что там беду увидел владелец. А правило `.p-btn` красит семейство во всех вариациях — значит и в «Доработанной» покой и «вы здесь» сливались. ПРАВИЛО: починил по жалобе — проверь, не тот же ли род в соседних вариациях. Жалоба приходит с одной, беда живёт во всех. */ [data-me-theme="light"][data-me-svet] .p-nav .p-btn.is-on { background: var(--me-primary); border-color: var(--me-primary); color: var(--me-primary-ink); font-weight: 700; } [data-me-theme="light"][data-me-svet] .p-nav .p-btn.is-on:hover { background: var(--me-calm-bright); color: var(--me-primary-ink); } /* ============================================================ КНОПКИ РЕШЕНИЯ НА РАЗБОРЕ — КАК В ТЁМНОЙ ТЕМЕ ------------------------------------------------------------ Слово владельца 17 сентября 2026: «Принять» — зелёная заливка и рамка; «На доработку» — красная; «Досдать недостающее» — рыжая; «в светлой теме тоже такой же… сейчас совсем не то» (5§999). Удаление работы (5§998) — та же красная. Почему здесь, а не только в `medina-priem.css`. Там цвета заданы переменными, и в базовом светлом виде этого хватило бы. Но вариации красят `.k-btn` в покое с весом четыре — белым, бронзой, зелёным. Поэтому вес здесь тот же, и блок стоит ПОСЛЕДНИМ в файле. Прежние числовые цвета 5 сентября (`.rv-warn` рыжим, `.rv-ask` оливковым) сняты: они были написаны до решения владельца. Буква — тоном семьи: 5.87:1 зелёная, 6.65:1 красная, 10.87:1 рыжая. ============================================================ */ [data-me-theme="light"] .k-btn.rv-accept, [data-me-theme="light"][data-me-svet] .k-btn.rv-accept, [data-me-theme="light"][data-me-svet] .k-btn.rv-accept:hover { background: var(--me-calm-soft); border-color: var(--me-calm); color: var(--me-calm); } [data-me-theme="light"] .k-btn.rv-warn, [data-me-theme="light"][data-me-svet] .k-btn.rv-warn, [data-me-theme="light"][data-me-svet] .k-btn.rv-warn:hover, [data-me-theme="light"] .k-btn.rv-udalit, [data-me-theme="light"][data-me-svet] .k-btn.rv-udalit, [data-me-theme="light"][data-me-svet] .k-btn.rv-udalit:hover { background: var(--me-urgent-soft); border-color: var(--me-urgent); color: var(--me-urgent); } [data-me-theme="light"] .k-btn.rv-ask, [data-me-theme="light"][data-me-svet] .k-btn.rv-ask, [data-me-theme="light"][data-me-svet] .k-btn.rv-ask:hover { background: var(--me-gold-soft); border-color: var(--me-accent); color: var(--me-accent-ink); }