/* ============================================================================================================
   estis.css — общий свой слой кабинета (T-096, 05.10.2026). Подключается после Metronic, нашей темы «Оригинал» и style.css;
   за ним — тема: theme-default.css («По умолчанию») или theme-light.css («Светлый»).
   Классы на <body>: es-app (новый облик) и theme-default / theme-light. Свои классы — es-…, БЭМ: es-btn-cta, es-btn-cta__icon,
   es-breadcrumbs, es-breadcrumbs__sep, es-breadcrumbs__current. Вторичная кнопка — btn-default (класс темы).
   Цвета — переменные --es-… (палитра — ЗНАНИЕ\ПАЛИТРА.md). Полоса режимов — переменные --es-rail-*, значения — в темах.
   Собран скриптом РАБОТА\T-096-css-порядок-и-раскатка\es_build.py из ui-shag1.css и ui-light.css в прежнем порядке каскада —
   вид совпадает; разделы ниже — как в них: «перекраска Metronic и наших файлов», «оболочка», «компоненты», «чистка по ревизии».
   Руками не править — правка в сборщике.
   ============================================================================================================ */
:root {
  --es-hover-bg: #e1e5ec7a;
  --es-disabled-bg: #E1E5EC;
  --es-page-bg: #f7fafb;
  --es-surface-subtle: #fafafa;
  --es-line: #e5e5e5;
  --es-border: #d4d4d4;
  --es-border-dashed: #bdbdbd;
  --es-text: #262626;
  --es-text-muted: #636363;
  --es-icon: #333333;
  --es-breadcrumbs-sep: #b0b0b0;
  --es-brand: #1d4d4f;
  --es-brand-hover: #266467;
  --es-brand-active: #163a3c;
  --es-brand-soft: #dfeceb;
  --es-danger: #d91e18;
  --es-danger-soft: #fdf2f1;
  --es-badge: #ff0000;
  --es-notice-bg: #eef1f5;
  --es-cta-accent: #e9f26a;
  --es-white: #ffffff;
  /* полоса — значения «По умолчанию»; тема переопределяет на <body> */
  --es-rail-bg: #1d4d4f;
  --es-rail-shadow: none;
  --es-rail-icon: #cfe0df;
  --es-rail-hover-bg: rgba(255, 255, 255, .12);
  --es-rail-hover-icon: #ffffff;
  --es-rail-active-bg: transparent;
  --es-rail-active-border: #ffffff;
  --es-rail-active-icon: #ffffff;
}
/* ---------- из ui-shag1.css ---------- */
/* T-095 · ШАГ 1 ВНЕДРЕНИЯ: серые и обводки. Решение владельца 04.10.2026 (ТЗ.md, раздел «Шаг 1 внедрения»).
   Всё — под body.ui-shag1: без класса на <body> файл не делает ничего. Класс ставит main.ctp всем клиентам — решение владельца 04.10.2026 (до этого только 22818).
   Меняются ТОЛЬКО цвета: ширины рамок, отступы, скругления, шрифты и размеры прежние — вёрстка не сдвигается.
   Не трогаем: сплошные зелёные кнопки, выбранные и активные состояния, шапку, фон страницы #f2f3f8,
   рамки пунктов подменю #e3e5ee, белые блоки portlet (без обводки и тени, как были), мастер /broadcast (.bcx — своя система). */

/* ---------- А1. Линии таблиц: #ddd → #e6e8ef ---------- */
body.es-app .table > thead > tr > th, body.es-app .table > thead > tr > td,
body.es-app .table > tbody > tr > th, body.es-app .table > tbody > tr > td,
body.es-app .table > tfoot > tr > th, body.es-app .table > tfoot > tr > td { border-color: #e6e8ef; }

/* ---------- А2. Полосы строк: #f9f9f9 → #f8f9fb ---------- */
body.es-app .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f8f9fb; }

/* ---------- А3. Рамка всех полей ввода и select: #d3d6e0 (в фокусе — как было) ---------- */
body.es-app .form-control:not(:focus):not(.bcx *),
body.es-app select:not(:focus):not(.bcx *),
body.es-app textarea:not(:focus):not(.bcx *),
body.es-app input:is([type=text], [type=email], [type=search], [type=tel], [type=number], [type=password], [type=url], [type=date], [type=time], [type=datetime-local]):not(:focus):not(.bcx *) { border-color: #d3d6e0; }
/* поле select2 (например «Теги» в «Макетах»): видимую рамку рисует .select2-selection, было #aaa */
body.es-app .select2-container--default:not(.select2-container--focus):not(.select2-container--open) .select2-selection { border-color: #d3d6e0; }

/* ---------- А4. Пустая плашка-уведомление («Активных прогревов доменов пока нет»): фон #eceef4, пунктир #b8bdca, текст #3a3f4b —
   правка владельца 04.10.2026: «фон и цвет должны быть более выраженные, так как это уведомление» (было #f8f9fb, #d3d6e0, #5d6474).
   Селектор ловит только пустые плашки: блок — единственный в portlet-body. Поясняющие плашки «Отправителей»,
   «Трекинга», «Футера» стоят рядом с полями и не задеваются (проверено на копиях всех страниц). ---------- */
body.es-app .portlet-body > .form-group.m-form__group:only-child > .card:only-child {
  background-color: #eceef4; border: 1px dashed #b8bdca; color: #3a3f4b;
}

/* ---------- А5. Серый вспомогательный текст светлее #5d6474 → #5d6474 ---------- */
body.es-app .page-content :is(.text-muted, .help-block, .search-desc, .font-grey-salt, .font-grey-cascade) { color: #5d6474 !important; }
body.es-app .page-content span[style*="#9e9e9e"] { color: #5d6474 !important; }               /* «Группы»: нули в счётчиках, цвет задан в style="" */
body.es-app :is(.replies-list-count, .replies-item-date, .replies-item-preview, .replies-item-to, .replies-empty, .replies-message-date,
                  .replies-message-empty, .replies-file-size, .replies-file-lost, .replies-files-warn, .replies-quote) { color: #5d6474; }  /* «Ответы»: было #8a929e */
body.es-app .em-copy, body.es-app.em-on .page-footer .page-footer-inner { color: #5d6474; }    /* подвал в белом подменю: было #9ca1c3 */

/* ---------- А6. Сплошная серая grey-cascade («Фильтровать»): белая, рамка #d3d6e0, текст #3a3f4b ---------- */
body.es-app .btn.grey-cascade:not(.btn-outline) { background-color: var(--es-white) !important; border-color: #d3d6e0 !important; color: #3a3f4b !important; }
body.es-app .btn.grey-cascade:not(.btn-outline):is(:hover, :focus, :active, .active) { background-color: #f2f3f8 !important; border-color: #d3d6e0 !important; color: #3a3f4b !important; }

/* ---------- А7. Контурная серая btn-outline grey-cascade («Сбросить», «Назад»): без рамки, текст #5d6474 ---------- */
body.es-app .btn.btn-outline.grey-cascade { background-color: transparent !important; border-color: transparent !important; color: #5d6474 !important; }
body.es-app .btn.btn-outline.grey-cascade:is(:hover, :focus, :active) { background-color: #f2f3f8 !important; border-color: transparent !important; color: #5d6474 !important; }

/* ---------- Б. Контурные зелёные: рамка #d3d6e0, фон белый, значок и текст прежнего цвета #1d4d4f.
   Выбранные (.active, например «По дням») — как были. ---------- */
body.es-app .btn.btn-outline.green:not(.active) { background-color: var(--es-white) !important; border-color: #d3d6e0 !important; color: var(--es-brand) !important; }
body.es-app .btn.btn-outline.green:not(.active) i { color: inherit !important; }
/* наведение и открытый список: рамка #1d4d4f, фон #f8f9fb */
body.es-app .btn.btn-outline.green:not(.active):is(:hover, :focus-visible, :active),
body.es-app .open > .btn.btn-outline.green:not(.active) { background-color: #f8f9fb !important; border-color: var(--es-brand) !important; color: var(--es-brand) !important; }
/* корзина «удалить» при наведении: рамка и значок #d91e18, фон #fdf2f1; в покое — как остальные */
body.es-app .btn.btn-outline.green:not(.active):has(> .fa-trash-o, > .fa-trash, > .icon-trash):is(:hover, :focus-visible, :active) {
  background-color: var(--es-danger-soft) !important; border-color: var(--es-danger) !important; color: var(--es-danger) !important;
}

/* ========== ШАГ 2. Одна главная кнопка на экране. Решение владельца 04.10.2026 (ТЗ.md, раздел «Шаг 2»).
   Главная остаётся сплошной зелёной. Второстепенные сплошные зелёные — как контурные после шага 1:
   фон белый, рамка #d3d6e0, текст и значок #1d4d4f; наведение — рамка #1d4d4f, фон #f8f9fb.
   У .btn.green рамка уже 1px — меняется только цвет: высота, шрифт и отступы прежние.
   Класс ui-vtor ставят виды: «Макеты» — «Галерея макетов», «Создать и отправить», «Отправить» в строках;
   «Импорт» — «Добавить 1 адрес», «Выбрать файл…». «Сделать основным» в «Отправителях» собирает
   контроллер (IndexController::settings), класса там нет — берём по адресу ссылки. ========== */
body.es-app .btn.btn-default,
body.es-app a.btn.green[href*="/senderemailsetdefault/"] { background-color: var(--es-white) !important; border-color: #d3d6e0 !important; color: var(--es-brand) !important; }
body.es-app .btn.btn-default i,
body.es-app a.btn.green[href*="/senderemailsetdefault/"] i { color: inherit !important; }
body.es-app .btn.btn-default:is(:hover, :focus-visible, :active),
body.es-app a.btn.green[href*="/senderemailsetdefault/"]:is(:hover, :focus-visible, :active) { background-color: #f8f9fb !important; border-color: var(--es-brand) !important; color: var(--es-brand) !important; }

/* ---------- 04.10.2026, владелец: «Добавить» на /subscribers/emails — без тени во всех состояниях (покой, наведение, открытое меню),
   как соседняя «Действие». Тень давало правило темы .btn-group > .btn (components-md), «Действие» не в btn-group.
   Кнопку узнаём по её меню: ссылка на /subscribers/import есть только в нём; .btn-menu-est.btn-group есть ещё в «Группах». ---------- */
body.es-app .btn-menu-est.btn-group:has(> .dropdown-menu a[href="/subscribers/import"]) > .dropdown-toggle { box-shadow: none !important; }

/* ---------- 05.10.2026, владелец: у кнопок нет тени ни в одном состоянии — покой, наведение, нажатие, открытый список
   (ЗНАНИЕ/ПАЛИТРА.md). Наведение — только цветом. Тени давали: тема Metronic md (components-md: .btn-group > .btn,
   .btn:hover, .btn:active, .icon-btn:hover), bootstrap (.btn:active, .btn-group.open .dropdown-toggle — внутренняя),
   darkblue и style.css (:hover), своя тень страницы блокировки my (.block-button .btn:hover).
   Остаётся кольцо фокуса при переходе клавишей Tab. У сплошных зелёных его рисует тень темы darkblue
   (.btn.green:focus — 0 0 0 3px rgba(29,77,79,.3)), поэтому для :focus-visible оно возвращено тем же значением;
   у остальных кнопок кольцо — outline, это правило его не касается. Тень раскрывшегося меню (.dropdown-menu)
   и окон — не кнопки, не трогаем. Кнопки мастера /broadcast (.bcx-b) — без .btn, не задеты. ---------- */
body.es-app .btn, body.es-app .icon-btn { box-shadow: none !important; }
body.es-app .btn.green:not(.btn-outline):focus-visible { box-shadow: 0 0 0 3px rgba(29, 77, 79, .3) !important; }

/* ---------- 05.10.2026, владелец («делаем так для всех!!»): все кнопки с выпадающим списком — «Действие», «Добавить ▾»
   и подобные, в том числе btn-default «Действие» в «Группах» и «Прогреве», «Подписчики ▾ / Отчеты ▾ / Действия ▾» в меню
   статистики рассылки — как второстепенные (ЗНАНИЕ/ПАЛИТРА.md): покой — фон белый, рамка #d3d6e0, текст и стрелка #1d4d4f;
   наведение, нажатие, открытый список — рамка #1d4d4f, фон #f8f9fb. Тени нет — правило выше. Список — как был: белый, с тенью.
   Не задеты: текущая вкладка меню статистики — сплошная зелёная показывает, какой раздел открыт; поля bootstrap-select —
   это поле выбора, не кнопка. Рамка у этих кнопок уже 1px — меняется только цвет. ---------- */
body.es-app .btn.dropdown-toggle:not(.green:not(.btn-outline)):not(.bootstrap-select > .btn) { background-color: var(--es-white) !important; border-color: #d3d6e0 !important; color: var(--es-brand) !important; }
body.es-app .btn.dropdown-toggle:not(.green:not(.btn-outline)):not(.bootstrap-select > .btn) :is(i, .caret) { color: inherit !important; }
body.es-app .btn.dropdown-toggle:not(.green:not(.btn-outline)):not(.bootstrap-select > .btn):is(:hover, :focus-visible, :active, .active),
body.es-app .open > .btn.dropdown-toggle:not(.green:not(.btn-outline)):not(.bootstrap-select > .btn) { background-color: #f8f9fb !important; border-color: var(--es-brand) !important; color: var(--es-brand) !important; }

/* ---------- 05.10.2026, владелец: «делай всё как на странице списка подписчиков /subscribers/emails — там надпись зелёная
   и углы чуть более скруглённые». Образец — «Действие ▾» там, живые значения 05.10: скругление 4px, высота 34.16px,
   отступы 6px 14px, шрифт 14px / 20.16px, текст и стрелка #1d4d4f. У остальных кнопок со списком отличалось только
   скругление — 2px: «Действие ▾» в «Группах» и «Прогреве», «Подписчики / Отчеты / Действия ▾» в меню статистики рассылки.
   Цвет текста и стрелки у них уже как у образца — правило выше. Размер маленьких (btn-sm) не меняем: в меню статистики
   они стоят в одной строке со ссылкой «Общая» того же размера. Образец от этого правила не меняется — у него уже 4px. ---------- */
/* скругление выпадающих — с 05.10 в общем правиле 3px (последний блок файла) */

/* ---------- 05.10.2026, владелец: «при наведении на кнопки появляется обводка — очень быстро; нужно добавить эффект замедления».
   Всем кнопкам — .btn (сплошные, второстепенные, значки, выпадающие), .icon-btn, кнопки мастера /broadcast (.bcx-b):
   плавно меняются только цвета — рамка, фон, текст. Размеры, тень, all не анимируются.
   !important — потому что тема ставит свои переходы сильнее: .btn:not(.md-skip)… (только тень), .btn.green:hover (0.5s всего).
   При prefers-reduced-motion: reduce — без перехода. ---------- */
body.es-app .btn, body.es-app .icon-btn, body.es-app .bcx .bcx-b { transition: border-color .2s ease, background-color .2s ease, color .2s ease !important; }
@media (prefers-reduced-motion: reduce) {
  body.es-app .btn, body.es-app .icon-btn, body.es-app .bcx .bcx-b { transition: none !important; }
}

/* ---------- 05.10.2026, владелец: маленькие кнопки со списком — в меню статистики рассылки и в строках «Прогрева» — размер
   образца «Действие ▾» на /subscribers/emails: высота 34.16px = отступы 6px 14px, шрифт 14px, межстрочный 1.44; скругление — общее правило 3px.
   В том же ряду меню статистики «Общая» и «Информация» (только на странице «Общая») — тот же размер и вид второстепенной,
   чтобы ряд не разъехался. Текущий раздел (.green) остаётся сплошным зелёным — меняется только размер. ---------- */
body.es-app .btn.btn-sm.dropdown-toggle:not(.bootstrap-select > .btn),
body.es-app .btn-menu-est.mb-30 > .btn-group > .btn { padding: 6px 14px !important; font-size: 14px !important; line-height: 1.44 !important; }
body.es-app .btn-menu-est.mb-30 > .btn-group > .btn:not(.green):not(.dropdown-toggle) { background-color: var(--es-white) !important; border-color: #d3d6e0 !important; color: var(--es-brand) !important; }
body.es-app .btn-menu-est.mb-30 > .btn-group > .btn:not(.green):not(.dropdown-toggle):is(:hover, :focus-visible, :active) { background-color: #f8f9fb !important; border-color: var(--es-brand) !important; color: var(--es-brand) !important; }

/* ---------- 05.10.2026, владелец: «делай 3 px везде» — скругление 3px у всех кнопок и полей кабинета mailer и my:
   кнопки .btn (сплошные, второстепенные, значки, выпадающие; перекрывает и .btn-circle 4px), .icon-btn; поля ввода, select,
   textarea, select2, bootstrap-select (это .btn), поле файла, приставки .input-group-addon; пагинация — внешние углы крайних
   номеров; мастер /broadcast — кнопки .bcx-b и поля .bcx-input (было 6px).
   Внутренние углы вплотную стоящих — прямые, как были: правила групп Bootstrap 3 повторены ниже с !important,
   иначе общее 3px !important их перекрыло бы. У открытого select2 прямые углы со стороны списка — как было.
   Не трогаем: карточки portlet (8px), метки и счётчики, «Обновить» (.btn-refresh, 20px), сам раскрывающийся список;
   в мастере — «пилюли» включить / исключить, плитки «Отправить сейчас / по времени», переключатель-сегменты. ---------- */
body.es-app .btn, body.es-app .icon-btn,
body.es-app .form-control, body.es-app select, body.es-app textarea, body.es-app input:is([type=text], [type=email], [type=search], [type=tel], [type=number], [type=password], [type=url], [type=date], [type=time], [type=datetime-local]),
body.es-app .input-group-addon,
body.es-app .select2-container--default .select2-selection,
body.es-app .bcx .bcx-b, body.es-app .bcx .bcx-input { border-radius: 3px !important; }
/* пагинация: номера стоят вплотную — скругляются только внешние углы крайних */
body.es-app .pagination > li:first-child > :is(a, span) { border-top-left-radius: 3px !important; border-bottom-left-radius: 3px !important; }
body.es-app .pagination > li:last-child > :is(a, span) { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; }
/* группы кнопок вплотную (btn-group) — внутренние углы прямые */
body.es-app .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
body.es-app .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0 !important; }
body.es-app .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle),
body.es-app .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
body.es-app .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
body.es-app .btn-group > .btn:last-child:not(:first-child),
body.es-app .btn-group > .dropdown-toggle:not(:first-child),
body.es-app .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
/* поле с кнопкой или приставкой вплотную (input-group) — внутренние углы прямые */
body.es-app .input-group .form-control:first-child,
body.es-app .input-group-addon:first-child,
body.es-app .input-group-btn:first-child > .btn,
body.es-app .input-group-btn:first-child > .btn-group > .btn,
body.es-app .input-group-btn:first-child > .dropdown-toggle,
body.es-app .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
body.es-app .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
body.es-app .input-group .form-control:last-child,
body.es-app .input-group-addon:last-child,
body.es-app .input-group-btn:last-child > .btn,
body.es-app .input-group-btn:last-child > .btn-group > .btn,
body.es-app .input-group-btn:last-child > .dropdown-toggle,
body.es-app .input-group-btn:first-child > .btn:not(:first-child),
body.es-app .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
body.es-app .input-group .form-control:not(:first-child):not(:last-child),
body.es-app .input-group-addon:not(:first-child):not(:last-child),
body.es-app .input-group-btn:not(:first-child):not(:last-child) > .btn { border-radius: 0 !important; }
/* открытый select2: со стороны списка углы прямые */
body.es-app .select2-container--default.select2-container--open.select2-container--below .select2-selection { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }
body.es-app .select2-container--default.select2-container--open.select2-container--above .select2-selection { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }

/* ---------- 05.10.2026, владелец: «это добавляет стильности, предлагаю такое для всех таблиц» — как таблица списка подписчиков
   /subscribers/emails: строки чисто белые (класс table-striped снят в видах), шапка светло-серая.
   Шапка: фон #f8f9fb (палитра), шрифт 14px / 20px жирный 700, отступы сверху и снизу 10px — высота 40, как у образца;
   линии под шапкой нет, как у образца: шапку отделяет верхняя линия первой строки. Боковые отступы — свои у каждой таблицы,
   чтобы шапка стояла над колонкой. Образец (#datatable_ajax, свой фон #fbfcfd) не трогаем. ---------- */
body.es-app .table:not([id="datatable_ajax"]) > thead > tr > :is(th, td) { background-color: #f8f9fb; font-size: 14px; line-height: 20px; font-weight: 700; padding-top: 10px; padding-bottom: 10px; border-bottom-width: 0; }

/* ---------- T-095, 05.10.2026: кнопка главного действия btn-go (решение владельца — пока только 22818). Квадрат со стрелкой
   .btn-go-ico есть в разметке у всех, но виден только у 22818: показывает и оформляет его ui-light.css. Здесь — спрятан,
   чтобы у остальных клиентов кнопка выглядела как была. ---------- */
body.es-app .es-btn-cta__icon { display: none; }

/* ---------- из ui-light.css ---------- */
/* T-095 · СВЕТЛЫЙ ОБЛИК — решение владельца 05.10.2026 («22818 собирай белый-светлый вариант»), ТЗ.md, раздел «Светлый облик для 22818»;
   правки владельца того же дня: подменю с обводкой как в старом стиле, полоса значков зелёная, заголовки зелёные, серые «сухие» —
   без примеси зелёного; вариант 1 — у активного только зелёный и белый (полоса: белый на #1d4d4f; подменю: зелёная рамка на белом);
   фон страницы #f7fafb.
   Только для 22818: класс ui-light на <body> и подключение ставит main.ctp при id 22818, вместо ui-navy. Подключается после ui-shag1.css.
   Шапка, левая полоса и колонка подменю — белые, отделены линией #e5e5e5. Зелёный и его места, красный, 3px, без теней, переходы,
   логотип — как были.
   Как собрано: серые — скриптом скрипты/navy_gen.mjs (SCHEME=light/light.<сайт>.json): каждое правило с нынешним цветом повторено
   с новым цветом, тот же селектор + :where(.ui-light, .ui-light *) — сила та же, файл позже; для листов ниже ck.css — :is.
   Оболочка — вручную, в конце. Файл собирается скриптом скрипты/light_build.py; руками не править. На mailer и my файл разный. */
body.es-app { --color-darkblue: #f0f0f0; --color-darkgrey: var(--es-white); --color-bg-light: #f5f5f5; --color-bg-light2: #f5f5f5; }
/* /assets/global/plugins/bootstrap/css/bootstrap.min.css */
body { color: var(--es-text); }
/* /assets/global/plugins/bootstrap/css/bootstrap.min.css */
kbd { background-color: var(--es-text); }
/* /assets/global/plugins/bootstrap/css/bootstrap.min.css */
pre { color: var(--es-text); }
/* /assets/global/plugins/bootstrap/css/bootstrap.min.css */
legend { color: var(--es-text); }
/* /assets/global/plugins/bootstrap/css/bootstrap.min.css */
.btn.focus,
.btn:focus,
.btn:hover { color: var(--es-text); }
/* /assets/global/plugins/bootstrap/css/bootstrap.min.css */
.btn-default { color: var(--es-text); }
/* /assets/global/plugins/bootstrap/css/bootstrap.min.css */
.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open > .dropdown-toggle.btn-default { color: var(--es-text); }
/* /assets/global/plugins/bootstrap/css/bootstrap.min.css */
.btn-default .badge { background-color: var(--es-text); }
/* /assets/global/plugins/bootstrap/css/bootstrap.min.css */
.dropdown-menu > li > a { color: var(--es-text); }
/* /assets/global/plugins/bootstrap/css/bootstrap.min.css */
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover { color: var(--es-text); }
/* /assets/global/plugins/bootstrap/css/bootstrap.min.css */
@media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: var(--es-text); } }
/* /assets/global/plugins/bootstrap/css/bootstrap.min.css */
.navbar-default .navbar-link:hover { color: var(--es-text); }
/* /assets/global/plugins/bootstrap/css/bootstrap.min.css */
.navbar-default .btn-link:focus,
.navbar-default .btn-link:hover { color: var(--es-text); }
/* /assets/global/plugins/bootstrap/css/bootstrap.min.css */
.navbar-inverse .navbar-toggle { border-top-color: var(--es-text); border-right-color: var(--es-text); border-bottom-color: var(--es-text); border-left-color: var(--es-text); }
/* /assets/global/plugins/bootstrap/css/bootstrap.min.css */
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover { background-color: var(--es-text); }
/* /assets/global/plugins/bootstrap/css/bootstrap.min.css */
.thumbnail .caption { color: var(--es-text); }
/* /assets/global/plugins/bootstrap/css/bootstrap.min.css */
a.list-group-item .list-group-item-heading { color: var(--es-text); }
/* /assets/global/plugins/bootstrap/css/bootstrap.min.css */
.panel-default > .panel-heading { color: var(--es-text); }
/* /assets/global/plugins/bootstrap/css/bootstrap.min.css */
.panel-default > .panel-heading .badge { background-color: var(--es-text); }
/* /assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css */
.bootstrap-switch .bootstrap-switch-label { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
body { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.fa-item i { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.btn.grey:not(.btn-outline) { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.btn.grey:not(.btn-outline).focus,
.btn.grey:not(.btn-outline):focus { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.btn.grey:not(.btn-outline).active,
.btn.grey:not(.btn-outline):active,
.btn.grey:not(.btn-outline):hover,
.open > .btn.grey:not(.btn-outline).dropdown-toggle { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.btn.grey:not(.btn-outline).active.focus,
.btn.grey:not(.btn-outline).active:focus,
.btn.grey:not(.btn-outline).active:hover,
.btn.grey:not(.btn-outline):active.focus,
.btn.grey:not(.btn-outline):active:focus,
.btn.grey:not(.btn-outline):active:hover,
.open > .btn.grey:not(.btn-outline).dropdown-toggle.focus,
.open > .btn.grey:not(.btn-outline).dropdown-toggle:focus,
.open > .btn.grey:not(.btn-outline).dropdown-toggle:hover { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.btn.grey:not(.btn-outline) .badge { background-color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.btn.btn-outline.grey.active,
.btn.btn-outline.grey:active,
.btn.btn-outline.grey:active:focus,
.btn.btn-outline.grey:active:hover,
.btn.btn-outline.grey:focus,
.btn.btn-outline.grey:hover { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.btn.grey-cararra:not(.btn-outline) { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.btn.grey-cararra:not(.btn-outline).focus,
.btn.grey-cararra:not(.btn-outline):focus { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.btn.grey-cararra:not(.btn-outline).active,
.btn.grey-cararra:not(.btn-outline):active,
.btn.grey-cararra:not(.btn-outline):hover,
.open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.btn.grey-cararra:not(.btn-outline).active.focus,
.btn.grey-cararra:not(.btn-outline).active:focus,
.btn.grey-cararra:not(.btn-outline).active:hover,
.btn.grey-cararra:not(.btn-outline):active.focus,
.btn.grey-cararra:not(.btn-outline):active:focus,
.btn.grey-cararra:not(.btn-outline):active:hover,
.open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle.focus,
.open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle:focus,
.open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle:hover { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.btn.grey-cararra:not(.btn-outline) .badge { background-color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.btn.btn-outline.grey-cararra.active,
.btn.btn-outline.grey-cararra:active,
.btn.btn-outline.grey-cararra:active:focus,
.btn.btn-outline.grey-cararra:active:hover,
.btn.btn-outline.grey-cararra:focus,
.btn.btn-outline.grey-cararra:hover { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.chats li .datetime { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
@media (max-width: 767px) { .navbar-nav .open .dropdown-menu > li > a { color: var(--es-text); } }
/* /assets/global/css/components-md.min.css */
.dropdown-checkboxes label,
.dropdown-radiobuttons label { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.page-loading { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.modal-backdrop,
.modal-backdrop.fade.in { background-color: var(--es-text) !important; }
/* /assets/global/css/components-md.min.css */
.portlet > .portlet-title > .nav-tabs > li.active > a,
.portlet > .portlet-title > .nav-tabs > li:hover > a { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.portlet.light > .portlet-title > .nav-tabs > li.active > a,
.portlet.light > .portlet-title > .nav-tabs > li:hover > a { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.portlet.solid.grey > .portlet-body,
.portlet.solid.grey > .portlet-title { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.portlet.solid.grey > .portlet-title > .caption > i { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.portlet.box.grey > .portlet-title > .caption,
.portlet.box.grey > .portlet-title > .caption > i { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.portlet.solid.grey-cararra > .portlet-body,
.portlet.solid.grey-cararra > .portlet-title { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.portlet.solid.grey-cararra > .portlet-title > .caption > i { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.portlet.box.grey-cararra > .portlet-title > .caption,
.portlet.box.grey-cararra > .portlet-title > .caption > i { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.progress-bar.grey { color: var(--es-text) !important; }
/* /assets/global/css/components-md.min.css */
.progress-bar.grey-cararra { color: var(--es-text) !important; }
/* /assets/global/css/components-md.min.css */
.dashboard-stat.grey .visual > i { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.dashboard-stat.grey .details .number { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.dashboard-stat.grey .details .desc { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.dashboard-stat.grey .more { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.dashboard-stat.grey-cararra .visual > i { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.dashboard-stat.grey-cararra .details .number { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.dashboard-stat.grey-cararra .details .desc { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.dashboard-stat.grey-cararra .more { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.tabbable-line > .nav-tabs > li.active > a { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.tabbable-line > .nav-tabs > li.open > a,
.tabbable-line > .nav-tabs > li:hover > a { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.mt-element-list .list-default.mt-list-head.grey { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.mt-element-list .list-default.mt-list-head.grey .badge { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.mt-element-list .list-todo .list-count.grey,
.mt-element-list .list-todo.mt-list-head.grey { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.mt-element-list .list-todo .list-todo-item.grey .list-toggle { color: var(--es-text) !important; }
/* /assets/global/css/components-md.min.css */
.mt-element-list .list-todo .list-todo-item.grey .list-toggle > .badge { background-color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.mt-element-list .list-default.mt-list-head.grey-cararra { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.mt-element-list .list-default.mt-list-head.grey-cararra .badge { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.mt-element-list .list-todo .list-count.grey-cararra,
.mt-element-list .list-todo.mt-list-head.grey-cararra { color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.mt-element-list .list-todo .list-todo-item.grey-cararra .list-toggle { color: var(--es-text) !important; }
/* /assets/global/css/components-md.min.css */
.mt-element-list .list-todo .list-todo-item.grey-cararra .list-toggle > .badge { background-color: var(--es-text); }
/* /assets/global/css/components-md.min.css */
.bg-font-grey { color: var(--es-text) !important; }
/* /assets/global/css/components-md.min.css */
.bg-font-grey-cararra { color: var(--es-text) !important; }
/* /assets/global/css/components-md.min.css */
.mt-cookie-consent-bar.mt-cookie-consent-bar-light { color: var(--es-text); }
/* /assets/global/css/plugins-md.min.css */
.datepicker table th { color: var(--es-text); }
/* /assets/global/css/plugins-md.min.css */
.daterangepicker .ranges li { color: var(--es-text); }
/* /assets/global/css/plugins-md.min.css */
.form-wizard .steps > li.active > a.step .desc { color: var(--es-text); }
/* /assets/global/css/plugins-md.min.css */
.form-wizard .steps > li.done > a.step .desc { color: var(--es-text); }
/* /assets/global/css/plugins-md.min.css */
.portlet.calendar.light .fc-button.fc-state-active,
.portlet.calendar.light .fc-button.fc-state-hover { color: var(--es-text); }
/* /assets/global/css/plugins-md.min.css */
.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover { color: var(--es-text); }
/* /assets/global/css/plugins-md.min.css */
.easy-pie-chart .title,
.sparkline-chart .title { color: var(--es-text); }
/* /assets/global/css/plugins-md.min.css */
.vakata-context .vakata-context-hover > a,
.vakata-context li a:hover { color: var(--es-text); }
/* /assets/layouts/layout/css/themes/darkblue.min.css */
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a { color: var(--es-text) !important; }
/* /assets/layouts/layout/css/themes/darkblue.min.css */
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a > i { color: var(--es-text) !important; }
/* /assets/layouts/layout/css/themes/darkblue.min.css */
@media (min-width: 992px) { .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner { color: var(--es-text); } }
/* /assets/pages/css/pricing.css */
.pricing-content-2 .pricing-table-container .price-column-container > .price-table-content { color: var(--es-text); }
/* /assets/custom/css/pagination.css */
.pagination > li > a,
.pagination > li > span { color: var(--es-text); }
/* /assets/custom/css/style.css */
.page-sidebar .page-sidebar-menu > li.active > a > .selected,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected { border-right-color: #f5f5f5; }
/* /assets/custom/css/style.css */
.btn-menu-est .btn.grey-cararra:not(.btn-outline) { color: var(--es-text); }
/* /assets/custom/css/style.css */
.btn-history-back .btn:not(.md-skip).btn-sm { color: var(--es-text); }
/* /assets/custom/css/style.css */
.btn-menu-galleryform li > a { color: var(--es-text); }
/* /assets/custom/css/style.css */
.table.table-light > thead > tr > th { color: var(--es-text); }
/* /assets/custom/css/style.css */
.table.table-light > tbody > tr > td { color: var(--es-text); }
/* /assets/custom/css/style.css */
.block-with-instruction span { color: var(--es-text); }
/* /assets/custom/css/style.css */
.prostat-report .detailstat-progress-title { color: var(--es-text); }
/* /assets/custom/css/style.css */
.prostat-report .detailstat-progress-value { color: var(--es-text); }
/* /assets/custom/css/style.css */
.prostat-index .search-container > ul .search-item > .search-content .search-counter-label { color: var(--es-text); }
/* /assets/custom/css/style.css */
.prostat-index .search-container > ul .search-item > .search-content .search-counter-number { color: var(--es-text); }
/* /assets/custom/css/style.css */
.prostat-index .search-container > ul .search-item > .search-content .search-counter-number span { color: var(--es-text); }
/* /assets/custom/css/style.css */
.btn-menu-est .dropdown-menu > li > a { color: var(--es-text); }
/* /assets/custom/css/style.css */
.statcounter30 .search-counter-number { color: var(--es-text); }
/* /assets/custom/css/style.css */
.statcounter30 .search-counter-label { color: var(--es-text); }
/* /assets/custom/css/style.css */
.subscribers-group .detailstat-progress-title { color: var(--es-text); }
/* /assets/custom/css/style.css */
.subscribers-group .detailstat-progress-value { color: var(--es-text); }
/* /assets/custom/css/style.css */
.makets-gallery-name { color: var(--es-text); }
/* /assets/custom/css/style.css */
.scn-counter-label { color: var(--es-text); }
/* /assets/custom/css/style.css */
.scn-counter-number { color: var(--es-text); }
/* /assets/custom/css/style.css */
.tabbable-modal-pills > .nav-pills > li > a,
.tabbable-modal-pills > .nav-tabs > li > a { color: var(--es-text); }
/* /assets/custom/css/style.css */
.globalstat-counter-number { color: var(--es-text); }
/* /assets/custom/css/ui-shag1.css */
body.es-app .table > thead > tr > th,
body.es-app .table > thead > tr > td,
body.es-app .table > tbody > tr > th,
body.es-app .table > tbody > tr > td,
body.es-app .table > tfoot > tr > th,
body.es-app .table > tfoot > tr > td { border-top-color: var(--es-line); border-right-color: var(--es-line); border-bottom-color: var(--es-line); border-left-color: var(--es-line); }
/* /assets/custom/css/ui-shag1.css */
body.es-app .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: var(--es-hover-bg); }
/* /assets/custom/css/ui-shag1.css */
body.es-app .form-control:not(:focus):not(.bcx *),
body.es-app select:not(:focus):not(.bcx *),
body.es-app textarea:not(:focus):not(.bcx *),
body.es-app input:is([type="text"], [type="email"], [type="search"], [type="tel"], [type="number"], [type="password"], [type="url"], [type="date"], [type="time"], [type="datetime-local"]):not(:focus):not(.bcx *) { border-top-color: var(--es-border); border-right-color: var(--es-border); border-bottom-color: var(--es-border); border-left-color: var(--es-border); }
/* /assets/custom/css/ui-shag1.css */
body.es-app .select2-container--default:not(.select2-container--focus):not(.select2-container--open) .select2-selection { border-top-color: var(--es-border); border-right-color: var(--es-border); border-bottom-color: var(--es-border); border-left-color: var(--es-border); }
/* /assets/custom/css/ui-shag1.css */
body.es-app .portlet-body > .form-group.m-form__group:only-child > .card:only-child { background-color: #f0f0f0; border-top-color: var(--es-border-dashed); border-right-color: var(--es-border-dashed); border-bottom-color: var(--es-border-dashed); border-left-color: var(--es-border-dashed); color: var(--es-text); }
/* /assets/custom/css/ui-shag1.css */
body.es-app .page-content :is(.text-muted, .help-block, .search-desc, .font-grey-salt, .font-grey-cascade) { color: var(--es-text-muted) !important; }
/* /assets/custom/css/ui-shag1.css */
body.es-app .page-content span[style*="#9e9e9e"] { color: var(--es-text-muted) !important; }
/* /assets/custom/css/ui-shag1.css */
body.es-app :is(.replies-list-count, .replies-item-date, .replies-item-preview, .replies-item-to, .replies-empty, .replies-message-date, .replies-message-empty, .replies-file-size, .replies-file-lost, .replies-files-warn, .replies-quote) { color: var(--es-text-muted); }
/* /assets/custom/css/ui-shag1.css */
body.es-app .em-copy,
body.es-app.em-on .page-footer .page-footer-inner { color: var(--es-text-muted); }
/* /assets/custom/css/ui-shag1.css */
body.es-app .btn.grey-cascade:not(.btn-outline) { border-top-color: var(--es-border) !important; border-right-color: var(--es-border) !important; border-bottom-color: var(--es-border) !important; border-left-color: var(--es-border) !important; color: var(--es-text) !important; }
/* /assets/custom/css/ui-shag1.css */
body.es-app .btn.grey-cascade:not(.btn-outline):is(:hover, :focus, :active, .active) { background-color: #f5f5f5 !important; border-top-color: var(--es-border) !important; border-right-color: var(--es-border) !important; border-bottom-color: var(--es-border) !important; border-left-color: var(--es-border) !important; color: var(--es-text) !important; }
/* /assets/custom/css/ui-shag1.css */
body.es-app .btn.btn-outline.grey-cascade { color: var(--es-text-muted) !important; }
/* /assets/custom/css/ui-shag1.css */
body.es-app .btn.btn-outline.grey-cascade:is(:hover, :focus, :active) { background-color: #f5f5f5 !important; color: var(--es-text-muted) !important; }
/* /assets/custom/css/ui-shag1.css */
body.es-app .btn.btn-outline.green:not(.active) { border-top-color: var(--es-border) !important; border-right-color: var(--es-border) !important; border-bottom-color: var(--es-border) !important; border-left-color: var(--es-border) !important; }
/* /assets/custom/css/ui-shag1.css */
body.es-app .btn.btn-outline.green:not(.active):is(:hover, :focus-visible, :active),
body.es-app .open > .btn.btn-outline.green:not(.active) { background-color: var(--es-hover-bg) !important; }
/* /assets/custom/css/ui-shag1.css */
body.es-app .btn.btn-default,
body.es-app a.btn.green[href*="/senderemailsetdefault/"] { border-top-color: var(--es-border) !important; border-right-color: var(--es-border) !important; border-bottom-color: var(--es-border) !important; border-left-color: var(--es-border) !important; }
/* /assets/custom/css/ui-shag1.css */
body.es-app .btn.btn-default:is(:hover, :focus-visible, :active),
body.es-app a.btn.green[href*="/senderemailsetdefault/"]:is(:hover, :focus-visible, :active) { background-color: var(--es-hover-bg) !important; }
/* /assets/custom/css/ui-shag1.css */
body.es-app .btn.dropdown-toggle:not(.green:not(.btn-outline)):not(.bootstrap-select > .btn) { border-top-color: var(--es-border) !important; border-right-color: var(--es-border) !important; border-bottom-color: var(--es-border) !important; border-left-color: var(--es-border) !important; }
/* /assets/custom/css/ui-shag1.css */
body.es-app .btn.dropdown-toggle:not(.green:not(.btn-outline)):not(.bootstrap-select > .btn):is(:hover, :focus-visible, :active, .active),
body.es-app .open > .btn.dropdown-toggle:not(.green:not(.btn-outline)):not(.bootstrap-select > .btn) { background-color: var(--es-hover-bg) !important; }
/* /assets/custom/css/ui-shag1.css */
body.es-app .btn-menu-est.mb-30 > .btn-group > .btn:not(.green):not(.dropdown-toggle) { border-top-color: var(--es-border) !important; border-right-color: var(--es-border) !important; border-bottom-color: var(--es-border) !important; border-left-color: var(--es-border) !important; }
/* /assets/custom/css/ui-shag1.css */
body.es-app .btn-menu-est.mb-30 > .btn-group > .btn:not(.green):not(.dropdown-toggle):is(:hover, :focus-visible, :active) { background-color: var(--es-hover-bg) !important; }
/* /assets/custom/css/ui-shag1.css */
body.es-app .table:not([id="datatable_ajax"]) > thead > tr > :is(th, td) { background-color: var(--es-hover-bg); }
/* inline: /* T-057: новое меню — полоса 70px (владелец 28.09, было 80) + панель 23 */
body.em-on:is(.es-app, .es-app *),
body.em-on .page-container:is(.es-app, .es-app *) { background-color: #f5f5f5; }
/* inline: /* T-057: новое меню — полоса 70px (владелец 28.09, было 80) + панель 23 */
.em-rail:is(.es-app, .es-app *) { background-color: var(--es-rail-bg); }
/* inline: /* T-057: новое меню — полоса 70px (владелец 28.09, было 80) + панель 23 */
.em-rail-item:hover:is(.es-app, .es-app *),
.em-rail-item:focus:is(.es-app, .es-app *) { background-color: #f0f0f0; }
/* inline: /* T-057: новое меню — полоса 70px (владелец 28.09, было 80) + панель 23 */
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle:hover:is(.es-app, .es-app *),
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle:is(.es-app, .es-app *) { background-color: #f0f0f0 !important; }
/* inline: /* T-057: новое меню — полоса 70px (владелец 28.09, было 80) + панель 23 */
.em-dot:is(.es-app, .es-app *) { box-shadow: var(--es-white) 0px 0px 0px 2px; }
/* inline: /* T-057: новое меню — полоса 70px (владелец 28.09, было 80) + панель 23 */
.em-panel:is(.es-app, .es-app *) { border-right-color: var(--es-line); }
/* inline: /* T-057: новое меню — полоса 70px (владелец 28.09, было 80) + панель 23 */
.em-item:is(.es-app, .es-app *) { border-top-color: var(--es-line); border-right-color: var(--es-line); border-bottom-color: var(--es-line); border-left-color: var(--es-line); }
/* inline: /* T-057: новое меню — полоса 70px (владелец 28.09, было 80) + панель 23 */
.em-item:hover:is(.es-app, .es-app *),
.em-item:focus:is(.es-app, .es-app *) { background-color: #f5f5f5; }
/* inline: /* T-057: новое меню — полоса 70px (владелец 28.09, было 80) + панель 23 */
.em-item.em-active:is(.es-app, .es-app *) { background-color: #f5f5f5; }
/* inline: /* T-057: новое меню — полоса 70px (владелец 28.09, было 80) + панель 23 */
@media (max-width: 991px) { .em-mobile .page-sidebar:is(.es-app, .es-app *) { background-color: var(--es-white); } }
/* inline: /* T-057: новое меню — полоса 70px (владелец 28.09, было 80) + панель 23 */
@media (max-width: 991px) { .em-mobile .page-sidebar .page-sidebar-menu > li:is(.es-app, .es-app *) { border-bottom-color: #f0f0f0; } }
/* inline: /* T-057: новое меню — полоса 70px (владелец 28.09, было 80) + панель 23 */
@media (max-width: 991px) { .em-mobile .page-sidebar .page-sidebar-menu > li > .sub-menu:is(.es-app, .es-app *) { background-color: #f0f0f0 !important; } }
/* inline: /* T-062: сетка выбора аватара из закрытого набора  /* 28.09.2026, владе */
.lang-pick-btn:is(.es-app, .es-app *) { border-top-color: var(--es-line); border-right-color: var(--es-line); border-bottom-color: var(--es-line); border-left-color: var(--es-line); }
/* inline: /* T-062: сетка выбора аватара из закрытого набора  /* 28.09.2026, владе */
.lang-pick .dropdown-menu:is(.es-app, .es-app *) { border-top-color: var(--es-line); border-right-color: var(--es-line); border-bottom-color: var(--es-line); border-left-color: var(--es-line); }
/* inline: /* T-062: сетка выбора аватара из закрытого набора  /* 28.09.2026, владе */
.lang-pick .dropdown-menu > li > a:hover:is(.es-app, .es-app *),
.lang-pick .dropdown-menu > li > a:focus:is(.es-app, .es-app *) { background-color: #f5f5f5; }
/* inline: /* T-062: сетка выбора аватара из закрытого набора  /* 28.09.2026, владе */
.lang-pick .dropdown-menu > li.active > a:is(.es-app, .es-app *),
.lang-pick .dropdown-menu > li.active > a:hover:is(.es-app, .es-app *),
.lang-pick .dropdown-menu > li.active > a:focus:is(.es-app, .es-app *) { background-color: #f5f5f5; }

/* ---------- заголовок страницы → хлебные крошки (владелец 05.10: «2, делай хлебные крошки для 22818»). Путь собирает скрипт
   ui-light-crumbs.js (подключает main.ctp только при id 22818): раздел › пункт подменю › страница. Сам заголовок здесь уже в стиле
   последнего уровня — 13px, 400, #262626, без заглавных: до срабатывания скрипта и если скрипт не сработал, нет скачка.
   Высота строки заголовка прежняя — 38.57px: отступ сверху 11px, строка 25px, снизу 2.57px; центр — по центру «Обновить» справа.
   Значка перед заголовком нет (владелец 05.10) — !important: у значков Font Awesome тема ставит display сильнее ---------- */
.content-title { color: var(--es-text); font-size: 13px; font-weight: 400; text-transform: none; letter-spacing: normal;
  line-height: 25px; padding-top: 11px; padding-bottom: 2.5714px; align-items: center; min-width: 0; }
.content-title i:is(.es-app *) { display: none !important; }
/* крошки: предыдущие уровни — ссылки #636363, при наведении #1d4d4f; последний — #262626; разделитель › #b0b0b0, отступы 6px.
   Одна строка: длинный путь обрезается многоточием, чтобы строка заголовка не выросла на узком экране; 8px справа — зазор до «Обновить» на 375 */
.es-breadcrumbs:is(.es-app *) { display: block; min-width: 0; margin-right: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; font-weight: 400; line-height: 25px; }
.es-breadcrumbs a:is(.es-app *) { color: var(--es-text-muted); text-decoration: none; }
.es-breadcrumbs a:is(.es-app *):is(:hover, :focus-visible) { color: var(--es-brand); text-decoration: none; }
.es-breadcrumbs .es-breadcrumbs__sep:is(.es-app *) { color: var(--es-breadcrumbs-sep); margin: 0 6px; }
.es-breadcrumbs .es-breadcrumbs__current:is(.es-app *) { color: var(--es-text); }
/* шапка таблиц — #fafafa (образец #datatable_ajax со своим фоном не трогаем) */
body.es-app:is(.theme-default, .theme-light) .table:not([id="datatable_ajax"]) > thead > tr > :is(th, td) { background-color: var(--es-surface-subtle); }
/* закрытые поля — disabled и readonly (владелец 05.10): фон #E1E5EC вместо #eee Bootstrap, дословно. Рамка, текст и курсор — как были.
   Селектор тот же, что у Bootstrap, через :where — вес тот же: поля со своим фоном остаются как есть (имя файла в «Импорте» — белое
   с !important, записи в «Доменах» — #fafbfc) */
.form-control:is([disabled], [readonly]), fieldset[disabled] .form-control { background-color: var(--es-disabled-bg); }
/* фон текстовых и серых кнопок при наведении — #e1e5ec7a, одно наведение везде (чистка по ревизии 05.10; было #f0f0f0) */
body.es-app:is(.theme-default, .theme-light) .btn.btn-outline.grey-cascade:is(:hover, :focus, :active),
body.es-app:is(.theme-default, .theme-light) .btn.grey-cascade:not(.btn-outline):is(:hover, :focus, :active, .active) { background-color: var(--es-hover-bg) !important; }

/* ---------- оболочка. Цвета шапки, полосы и подменю кабинет задаёт встроенными <style> ниже этого файла,
   поэтому здесь :is(.ui-light *) — на класс сильнее. Линии — внутренней тенью 1px, чтобы не сдвигать вёрстку. ---------- */
/* шапка: белая, линия снизу #e5e5e5; значки #636363, наведение #262626 на фоне #e1e5ec7a (тема даёт тёмный #3f4f62 и белый значок) */
.page-header.navbar:is(.es-app *) { box-shadow: inset 0 -1px 0 var(--es-line); }
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i:is(.es-app *) { color: var(--es-text-muted); }
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:is(:hover, :focus) > i:is(.es-app *),
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > span:is(.es-app *) { color: var(--es-text); }
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover:is(.es-app *),
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover:is(.es-app *) { background-color: var(--es-hover-bg) !important; }   /* !important: правило кабинета для блока пользователя — с !important */
/* фон наведения и открытого меню кнопок шапки справа — #e1e5ec7a, как в подменю и на полосе (владелец 05.10: «там тоже жёлтый») */
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open > .dropdown-toggle:is(.es-app *) { background-color: var(--es-hover-bg) !important; }
.em-who-name:is(.es-app *) { color: var(--es-text); }
.em-who-login:is(.es-app *) { color: var(--es-text-muted); }
/* имя пользователя в шапке — CSS владельца дословно (05.10: «400, вместо 300 для текста»), только для 22818 (body.ui-light в начале).
   .username — обёртка и имени, и логина под ним: правило действует на оба, как задал владелец */
body.es-app .page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>.username { font-weight: 400; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle:hover .em-who-name:is(.es-app *) { color: var(--es-text); }
/* левая полоса — идея владельца 05.10: белая, линия справа #e5e5e5; все значки фирменного #1d4d4f; наведение на неактивный — фон #f0f0f0;
   активный — вариант 1 владельца («один зелёный в навигации, у активного только зелёный и белый»): белый значок на #1d4d4f, белой рамки нет */
.em-rail:is(.es-app *) { box-shadow: var(--es-rail-shadow); }
.em-rail-item:is(.es-app *) { color: var(--es-rail-icon); border-radius: 3px; }   /* неактивные — нейтральные #333333 (05.10: «#525252 не нравится, нужно темнее, по типу #333»); 3px — правило «3px везде» */
.em-rail-item:not(.em-active):is(:hover, :focus):is(.es-app *) { background-color: var(--es-rail-hover-bg); color: var(--es-rail-hover-icon); }   /* фон наведения — как в подменю, значение владельца (05.10) */
.em-rail-item.em-active:is(.es-app *) { background-color: var(--es-rail-active-bg); border-color: var(--es-rail-active-border); color: var(--es-rail-active-icon); }
/* точка-счётчик непрочитанных (.em-dot, на полосе; в мобильном меню счётчика нет) — стили фирменного значка .badge.badge-default
   из шапки («Поддержка»), владелец 05.10: «возьми его стили». Вычисленные значения образца (тот же значок в шапке копии, стили сайта):
   фон #ff0000 (var(--color-red)), цифра белая 300, 11px / 11px, скругление 12px, отступы 3px 6px, высота 18px, мин. ширина 10px,
   без рамки, тень темы Metronic md. Положение точки — как было (правило кабинета). Образец в шапке не трогаем */
.em-dot:is(.es-app *) { background-color: var(--es-badge); color: var(--es-white); font-weight: 300; font-size: 11px; line-height: 11px; border-radius: 12px;
  padding: 3px 6px; height: 18px; min-width: 10px; border: 0; box-sizing: border-box;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.18) 0px 1px 2px 0px; }
/* полоса во всю высоту, в обоих режимах (владелец 05.10: «левая полоска идёт под шапкой, а нужно, чтоб сверху донизу было; шапка
   должна упираться в полоску»). Только от 992 px — там, где полоса есть; на узком экране мобильная вёрстка как была.
   Полоса — от верха окна; верхние 60 px — клетка эмблемы, значки на прежнем месте: отступ сверху 60 + прежние 10 (компактно 8).
   Шапка — справа от полосы: слева отступ на ширину полосы — 70, в компактном режиме кабинета 64; высота прежняя.
   Эмблема — в клетке над значками, на прежнем месте окна: закреплена (fixed) внутри шапки — шапка выше полосы по z-index */
@media (min-width: 992px) {
  .em-rail:is(.es-app *) { top: 0; padding-top: 70px; }
  .page-header.navbar:is(.es-app *) { left: 70px; right: 0; width: auto; }
  .page-header.navbar .page-logo:is(.es-app *) { position: fixed; top: 0; left: 0; }
}
@media (min-width: 992px) and (max-width: 1439px), (min-width: 992px) and (max-height: 699px) {   /* компактный режим кабинета — полоса 64 */
  .em-rail:is(.es-app *) { padding-top: 68px; }
  .page-header.navbar:is(.es-app *) { left: 64px; }
}
/* режим «По умолчанию» (владелец 05.10): светлый облик, но полоса тёмно-зелёная — класс ui-rail-green на <body> (main.ctp при 22818,
   если в «Дизайн» выбран не «Светлый»). Фон #1d4d4f во всю высоту, без линии справа; значки #cfe0df; наведение — фон
   rgba(255,255,255,.12) и белый значок. Активный — правка владельца 05.10: «не белую заливку, а именно обводку, как сейчас у всех
   пользователей»: фон прозрачный, рамка 1px #ffffff (толщину даёт правило кабинета), значок белый, скругление 3px, как у остальных.
   Счётчик и эмблема — как есть. Селекторы те же, что у белой полосы выше, — вес тот же, правило ниже по файлу */
/* колонка подменю: белая, линия справа #e5e5e5 — даёт замена #e3e5ee в правиле кабинета.
   Пункты — с обводкой, как в старом стиле (владелец 05.10: «нужно вернуть»): рамку 1px и отступы даёт правило кабинета,
   её цвет #e3e5ee → #e5e5e5 и фон наведения и активного #f2f3f8 → #f5f5f5 — замена выше; активный — рамка, текст и значок #1d4d4f
   (правило кабинета). Здесь — только скругление 3px и нейтральные цвета текста и значка. */
.em-item:is(.es-app *) { border-radius: 3px; color: var(--es-text); }
.em-item i:is(.es-app *) { color: var(--es-icon); }
.em-item.em-active i:is(.es-app *) { color: var(--es-brand); }
.em-item:not(.em-active):is(:hover, :focus):is(.es-app *) { color: var(--es-text); background-color: var(--es-hover-bg); }   /* фон наведения — значение владельца дословно (05.10: #f5f5f5 «какой-то жёлтый») */
.em-item:not(.em-active):is(:hover, :focus):is(.es-app *) i { color: var(--es-brand); }   /* взаимодействие — зелёный, как на полосе (05.10) */
/* вариант 4 владельца (05.10) «градиент + рамка»: неактивные пункты без рамок — рамка 1px прозрачная, чтобы ничего не сдвинулось;
   активный — рамка 1px #1d4d4f (правило кабинета), фон — градиент от #dfeceb к белому, текст и значок #1d4d4f, жирность прежняя, 3px */
.em-item:not(.em-active):is(.es-app *) { border-color: transparent; }
.em-item.em-active:is(.es-app *), .em-item.em-active:is(:hover, :focus):is(.es-app *) { background: linear-gradient(90deg, var(--es-brand-soft) 0%, var(--es-white) 100%); }
/* мобильное меню: светлое — фон белый (замена #151c33), линии #e5e5e5, текст #262626, значки #636363;
   наведение и открытый пункт — #f0f0f0 (тема даёт тёмный #2c3542). Активный — как в варианте 1: раздел — белым на #1d4d4f,
   как значок полосы; страница во вложенном списке — зелёным на белом, как пункт подменю; вложенный список — белый */
.em-mobile .page-sidebar .page-sidebar-menu > li:is(.es-app *) { border-bottom-color: var(--es-line); }
.em-mobile .page-sidebar .page-sidebar-menu > li > a:is(.es-app *),
.em-mobile .page-sidebar .page-sidebar-menu .sub-menu > li > a:is(.es-app *) { color: var(--es-text); }
.em-mobile .page-sidebar .page-sidebar-menu > li > a > i:is(.es-app *),
.em-mobile .page-sidebar .page-sidebar-menu .sub-menu > li > a > i:is(.es-app *) { color: var(--es-icon); }
.em-mobile .page-sidebar .page-sidebar-menu > li:is(:hover, .open) > a:is(.es-app *) { background: #f0f0f0; color: var(--es-text); }
.em-mobile .page-sidebar .page-sidebar-menu > li.active > a:is(.es-app *),
.em-mobile .page-sidebar .page-sidebar-menu > li.active.open > a:is(.es-app *) { background: var(--es-brand); color: var(--es-white); }
.em-mobile .page-sidebar .page-sidebar-menu > li.active > a > i:is(.es-app *) { color: var(--es-white); }
.em-mobile .page-sidebar .page-sidebar-menu .sub-menu > li.active > a:is(.es-app *),
.em-mobile .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i:is(.es-app *) { color: var(--es-brand); }
/* активная страница во вложенном списке — та же логика, что у пункта подменю (вариант 4): градиент от #dfeceb к белому и рамка #1d4d4f.
   У пунктов вложенного списка рамок нет — рамка нарисована внутренней тенью 1px, чтобы высота не изменилась */
.em-mobile .page-sidebar .page-sidebar-menu > li > .sub-menu > li.active > a:is(.es-app *) {
  background: linear-gradient(90deg, var(--es-brand-soft) 0%, var(--es-white) 100%) !important; box-shadow: inset 0 0 0 1px var(--es-brand); border-radius: 3px; }
.em-mobile .page-sidebar .page-sidebar-menu > li > .sub-menu:is(.es-app *) { background-color: var(--es-white) !important; }

/* ---------- правило владельца 05.10: «в покое всё нейтральное». Зелёный #1d4d4f — только главное действие (сплошные, «Отправить»
   в «Макетах»), «где я / что выбрано» (активные пункты, выбранная вкладка, текущая страница, флажки) и взаимодействие (наведение, фокус).
   Надписи и стрелки белых, серых и выпадающих кнопок — #262626; значки в строках — #333333; при наведении — рамка и текст / значок
   #1d4d4f; корзина при наведении — красная. Перекрывают правила ui-shag1.css (там зелёный в покое) — на класс сильнее. ---------- */
body.es-app:is(.theme-default, .theme-light) .btn.btn-default,
body.es-app:is(.theme-default, .theme-light) a.btn.green[href*="/senderemailsetdefault/"],
body.es-app:is(.theme-default, .theme-light) .btn.dropdown-toggle:not(.green:not(.btn-outline)):not(.bootstrap-select > .btn):not(.btn-icon-only),
body.es-app:is(.theme-default, .theme-light) .btn.btn-outline.green:not(.active):not(.btn-icon-only) { color: var(--es-text) !important; }
body.es-app:is(.theme-default, .theme-light) .btn.btn-outline.green.btn-icon-only:not(.active) { color: var(--es-icon) !important; }
body.es-app:is(.theme-default, .theme-light) .btn.btn-default:is(:hover, :focus-visible, :active),
body.es-app:is(.theme-default, .theme-light) a.btn.green[href*="/senderemailsetdefault/"]:is(:hover, :focus-visible, :active),
body.es-app:is(.theme-default, .theme-light) .btn.dropdown-toggle:not(.green:not(.btn-outline)):not(.bootstrap-select > .btn):is(:hover, :focus-visible, :active, .active),
body.es-app:is(.theme-default, .theme-light) .open > .btn.dropdown-toggle:not(.green:not(.btn-outline)):not(.bootstrap-select > .btn),
body.es-app:is(.theme-default, .theme-light) .btn.btn-outline.green:not(.active):not(:has(> .fa-trash-o, > .fa-trash, > .icon-trash)):is(:hover, :focus-visible, :active),
body.es-app:is(.theme-default, .theme-light) .btn.grey-cascade:not(.btn-outline):is(:hover, :focus-visible, :active, .active) { color: var(--es-brand) !important; border-color: var(--es-brand) !important; }
body.es-app:is(.theme-default, .theme-light) .btn.btn-outline.green:not(.active):has(> .fa-trash-o, > .fa-trash, > .icon-trash):is(:hover, :focus-visible, :active) {
  background-color: var(--es-danger-soft) !important; border-color: var(--es-danger) !important; color: var(--es-danger) !important; }

/* ---------- чистка по ревизии, п. 1 — серые-остатки → палитра (владелец 05.10 через куратора; РЕВИЗИЯ.md, ПАЛИТРА.md, раздел 4).
   Metronic и вид не трогаем — правила здесь, на класс сильнее источника (:is(.ui-light *)). ---------- */
/* «Обновить» — цвета как у второстепенной кнопки. Источник — тема darkblue: .btn-refresh, рамка var(--color-border), скругление 20px.
   Скругление — 20px, «пилюля», как было в теме (правка владельца 05.10; в п. 1 было 3px) */
.btn-refresh:is(.es-app *) { color: var(--es-text); background-color: var(--es-white); border-color: var(--es-border); border-radius: 20px;
  transition: border-color .2s ease, background-color .2s ease, color .2s ease; }
.btn-refresh:is(.es-app *):is(:hover, :focus-visible) { color: var(--es-brand); background-color: var(--es-hover-bg); border-color: var(--es-brand); }
/* одно наведение — #e1e5ec7a. Строки таблиц: components-md красит и строку, и ячейки #f3f4f6 !important — полупрозрачный
   цвет на обоих дал бы двойной тон, поэтому ячейки — #e1e5ec7a, строка — прозрачная */
.table-hover > tbody > tr:hover:is(.es-app *) { background-color: transparent !important; }
.table-hover > tbody > tr:hover > :is(td, th):is(.es-app *) { background-color: var(--es-hover-bg) !important; }
/* пагинация (Bootstrap): рамка #ddd → #d4d4d4; наведение #eee и текст #23527c → #e1e5ec7a и #1d4d4f. Текущая и закрытая — как были */
.pagination > li:not(.active) > :is(a, span):is(.es-app *) { border-color: var(--es-border); }
.pagination > li:not(.active):not(.disabled) > :is(a, span):is(.es-app *):is(:hover, :focus) { color: var(--es-brand); background-color: var(--es-hover-bg); border-color: var(--es-border); }
/* календарь на главной (fullcalendar.css): линии #ddd → #d4d4d4 */
.fc-widget-header:is(.es-app *), .fc-widget-content:is(.es-app *) { border-color: var(--es-border); }
/* флажки и радио (components-md, style.css): квадрат и кружок #ccc / #666 → #d4d4d4; точка выбранного радио #36c6d3 → #1d4d4f
   (галочку флажка style.css уже красит #1d4d4f) */
.md-checkbox label > .box:is(.es-app *), .md-radio label > .box:is(.es-app *) { border-color: var(--es-border); }
.md-radio label > .check:is(.es-app *) { background-color: var(--es-brand); }
/* переключатель (bootstrap-switch, plugins-md): рамка #c2cad8 → #d4d4d4; «вкл» — #1d4d4f, «выкл» — фон #fafafa, текст #636363 */
.bootstrap-switch:is(.es-app *) { border-color: var(--es-border); }
.bootstrap-switch .bootstrap-switch-container > .bootstrap-switch-handle-on:is(.es-app *) { background-color: var(--es-brand); color: var(--es-white); }
.bootstrap-switch .bootstrap-switch-container > .bootstrap-switch-handle-off:is(.es-app *) { background-color: var(--es-surface-subtle); color: var(--es-text-muted); }
/* пунктир между строками форм (тема darkblue): #ebedf2 → #e5e5e5, пунктир остаётся */
.form .form-row-seperated .form-group:is(.es-app *) { border-bottom-color: var(--es-line); }
/* карточки графиков (тема darkblue, .card): фон #f5f5f5 → #fafafa, рамка #c4c5d6 → #e5e5e5 */
.card.chart-card:is(.es-app *) { background-color: var(--es-surface-subtle); border-color: var(--es-line); }
/* счётчик в подменю (.em-cnt, estis_menu.ctp, #e5484d) — как точка на полосе: стили фирменного .badge.badge-default */
.em-cnt:is(.es-app *) { background-color: var(--es-badge); color: var(--es-white); font-weight: 300; font-size: 11px; line-height: 11px; border-radius: 12px;
  padding: 3px 6px; height: 18px; min-width: 10px; border: 0; box-sizing: border-box;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.18) 0px 1px 2px 0px; }
/* «Ответы» — свои серые вида (Replies/index.ctp, встроенный <style>): #222 → #262626, #5e5e5e → #636363, наведение #f7f9fa → #e1e5ec7a.
   Собрано скриптом скрипты/view_rules.mjs. Метка «авто» и линии #ddd не тронуты */
.replies-item:hover:is(.es-app *) { background: var(--es-hover-bg); }
.replies-message-to:is(.es-app *) { color: var(--es-text-muted); }
.replies-item-unread .replies-item-from:is(.es-app *), .replies-item-unread .replies-item-subject:is(.es-app *) { color: var(--es-text); }
.replies-badge-muted:is(.es-app *) { color: var(--es-text-muted); }
.replies-badge-queued:is(.es-app *) { color: var(--es-text-muted); }
.replies-message-email:is(.es-app *) { color: var(--es-text-muted); }
.replies-reply-to:is(.es-app *) { color: var(--es-text-muted); }
.replies-meta:is(.es-app *) { color: var(--es-text-muted); }
.replies-folders a:is(.es-app *) { color: var(--es-text-muted); }
.replies-files-title:is(.es-app *) { color: var(--es-text-muted); }
.replies-bulk:is(.es-app *) { color: var(--es-text-muted); }
.replies-quote-toggle:is(.es-app *) { color: var(--es-text-muted); }
.replies-pagination:is(.es-app *) { color: var(--es-text-muted); }
.replies-pagination a:is(.es-app *) { color: var(--es-text-muted); }
/* мастер рассылки (Broadcast/index.ctp, .bcx на своих переменных): --ink #0d0d0d → #262626, --g200 #e6e6e6 → #e5e5e5,
   --g300 #ddd и --g400 #ccc (рамки элементов) → #d4d4d4, --g500 #8f8f8f и --g600 #5d5d5d → #636363.
   --g100 / --g50 — и наведение, и фон в покое (метки, дорожки) — переменные не трогаем, наведение — отдельно */
.bcx:is(.es-app *) { --ink: var(--es-text); --g200: var(--es-line); --g300: var(--es-border); --g400: var(--es-border); --g500: var(--es-text-muted); --g600: var(--es-text-muted); }
.bcx .bcx-sec:hover:is(.es-app *), .bcx .bcx-text:hover:is(.es-app *), .bcx .bcx-pick button:hover:is(.es-app *),
.bcx .bcx-chip:hover:is(.es-app *), .bcx .bcx-snd button:hover:is(.es-app *) { background: var(--es-hover-bg); }
#bc-modal .modal-title:is(.es-app *) { color: var(--es-text); }
#bc-modal .bcx-sec:is(.es-app *) { border-color: var(--es-border); color: var(--es-text); }
#bc-modal .bcx-sec:hover:is(.es-app *) { background: var(--es-hover-bg); }
#bc-modal .bcx-main[disabled]:is(.es-app *) { background: var(--es-line); color: var(--es-text-muted); }
/* главная: ссылка «ещё» у плиток (style.css .kub-home-more a: #ddd, 10px) → 12px. Цвет — прежний #ddd: плитки цветные,
   серый #636363 на них не читался (T-096, живая проверка 05.10) */
.kub-home-more a:is(.es-app *) { font-size: 12px; }
/* ---------- белые блоки. Правка владельца 05.10 (после п. 2 чистки): без скругления углов, лёгкая тень — как была в теме.
   В теме: .portlet 8px (darkblue) с фоном #f1f3f3 (style.css); единственный потомок .portlet-body — белый, углы 0 / 2px (components-md),
   тень rgba(82,63,105,.05) 0 0 13px (darkblue, .portlet.light.portlet-fit > .portlet-body). Стало: у блока, тела и заголовка — радиус 0;
   тень — правилом темы, здесь её не гасим; фон блока белый — серая кромка #f1f3f3 не возвращается. Скругление угловых ячеек шапки
   у таблиц первых в блоке (было при углах 8px) снято — углы совпадают ---------- */
.portlet:is(.es-app *), .portlet > .portlet-body:is(.es-app *), .portlet > .portlet-title:is(.es-app *) { border-radius: 0; }
.portlet.light:is(.es-app *) { background-color: var(--es-white); }
/* ---------- чистка по ревизии, п. 3 — поля. Текст в полях — #262626 вместо #555 (Bootstrap .form-control; components-md для
   .form-md-line-input), в том числе в закрытых полях. Подсказка (placeholder) — один цвет #757575 вместо #999 (Bootstrap),
   #8f8f8f (мастер, .bcx-input) и #757575 (подсказка Chrome по умолчанию — «Ответы»); контраст на белом 4.6 ---------- */
.form-control:is(.es-app *), .form-group.form-md-line-input .form-control:is(.es-app *) { color: var(--es-text); }
:is(input, textarea):is(.es-app *)::placeholder, .form-control:is(.es-app *)::placeholder,
.form-group.form-md-line-input .form-control:is(.es-app *)::placeholder, .bcx .bcx-input:is(.es-app *)::placeholder { color: #757575; opacity: 1; }
/* ---------- чистка по ревизии, п. 4 — заголовки внутри страниц к одной шкале: заголовок блока 16px / 600 / #262626, у ссылки-
   названия наведение #1d4d4f. Согласовано с куратором: заголовок мастера, заголовок списка «Ответов», названия рассылок в
   /prostatistics. Названия тарифов, цифры итогов и подписи — не трогаем ---------- */
.bcx h2:is(.es-app *) { font-size: 16px; font-weight: 600; color: var(--es-text); }   /* мастер /broadcast: было 17px, var(--ink) */
.replies-list-title:is(.es-app *) { font-size: 16px; font-weight: 600; color: var(--es-text); }   /* «Ответы подписчиков …»: было 15px */
/* названия рассылок (search.min.css: 19px, вес селектора — шесть классов; style.css: 300 !important) — поэтому !important */
.search-title:is(.es-app *) { font-size: 16px !important; font-weight: 600 !important; }
.search-title > a:is(.es-app *) { color: var(--es-text) !important; }
.search-title > a:is(.es-app *):is(:hover, :focus) { color: var(--es-brand) !important; }

/* ---------- кнопка главного действия btn-go (владелец 05.10: «лайм, делай для 22818»). Разметка поверх классов темы:
   <button class="btn green btn-go">Отправить<span class="btn-go-ico"><i class="icon-arrow-right"></i></span></button>.
   Основа — наша сплошная: #1d4d4f, белый текст, 3px. Вариант владельца «1 · ровные отступы» (05.10): высота 34px везде, и в мастере;
   квадрат 26×26, 2px, фон #e9f26a, стрелка #1d4d4f по центру; от краёв кнопки — ровно 4px сверху, снизу и справа (видимый край —
   внешний: рамка 1px того же цвета, что фон, поэтому padding-right 3px + рамка = 4px, как сверху: 1 + 3); слева 16px, текст — квадрат 14px;
   наведение — фон #266467 (плавно 0,2 с — переход у .btn из ui-shag1.css), стрелка на 2px вправо за 0,2 с, квадрат на месте;
   фокус — кольцо, как у сплошных; неактивная — как неактивная сплошная. У остальных клиентов класс ничего не делает,
   а квадрат спрятан в ui-shag1.css ---------- */
.btn.green.es-btn-cta:is(.es-app *) { display: inline-flex; align-items: center; justify-content: center; gap: 0;
  height: 34px; padding: 0 3px 0 16px; background-color: var(--es-brand); border-color: var(--es-brand); color: var(--es-white); border-radius: 3px; }
.btn.green.es-btn-cta:is(.es-app *):not([disabled]):not(.disabled):hover { background-color: var(--es-brand-hover); border-color: var(--es-brand-hover); color: var(--es-white); }
.btn.es-btn-cta > svg:is(.es-app *) { display: none; }   /* значок-самолётик мастера (#bc-send): у btn-go вместо него квадрат со стрелкой */
.es-btn-cta .es-btn-cta__icon:is(.es-app *) { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 26px;
  width: 26px; height: 26px; margin-left: 14px; border-radius: 2px; background-color: var(--es-cta-accent); color: var(--es-brand); }
.es-btn-cta .es-btn-cta__icon > i:is(.es-app *) { font-size: 14px; line-height: 1; color: var(--es-brand); transition: transform .2s ease; }
.es-btn-cta:not([disabled]):not(.disabled):hover .es-btn-cta__icon > i:is(.es-app *) { transform: translateX(2px); }
/* мастер: у .bcx-b своя неактивная — серая заливка с !important; у btn-go — как у неактивной сплошной (Bootstrap: opacity .65) */
.bcx .bcx-b.es-btn-cta[disabled]:is(.es-app *) { background-color: var(--es-brand) !important; border-color: var(--es-brand) !important; color: var(--es-white) !important; opacity: .65; }
/* btn-go без <span> — кнопка подтверждения в окне мастера #bc-confirm: её текст скрипт пишет через .text() по всей кнопке, span
   стёрся бы. Квадрат со стрелкой рисует ::after: тот же вид — 26×26, 2px, #e9f26a, стрелка fa-long-arrow-right (код f178) #1d4d4f,
   14px от текста. При наведении стрелка уходит на 2px вправо: отступ слева 4px в квадрате фиксированной ширины, квадрат на месте */
.es-btn-cta:not(:has(> .es-btn-cta__icon)):is(.es-app *)::after { content: "\f178"; font-family: FontAwesome; font-size: 14px; font-weight: normal;
  line-height: 1; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; flex: 0 0 26px;
  width: 26px; height: 26px; margin-left: 14px; padding-left: 0; border-radius: 2px; background-color: var(--es-cta-accent); color: var(--es-brand);
  transition: padding-left .2s ease; }
.es-btn-cta:not(:has(> .es-btn-cta__icon)):not([disabled]):not(.disabled):hover:is(.es-app *)::after { padding-left: 4px; }
/* окно мастера: #bc-modal .bcx-b задаёт отступы, промежуток и скругление с весом id — для btn-go там те же значения, что выше;
   неактивная — как неактивная сплошная, вместо серой #bc-modal .bcx-main[disabled] */
#bc-modal .btn.es-btn-cta:is(.es-app *) { gap: 0; height: 34px; padding: 0 3px 0 16px; border-radius: 3px; }
#bc-modal .bcx-main.es-btn-cta[disabled]:is(.es-app *) { background: var(--es-brand); border-color: var(--es-brand); color: var(--es-white); opacity: .65; }
/* окно мастера: «Отменить» рядом с btn-go — тоже 34px, как все кнопки кабинета (куратор 05.10, вариант 1): иначе низ расходится на 2px */
#bc-modal .bcx-sec:is(.es-app *) { height: 34px; }
/* ---------- плашка «пусто» / «пока нет» (владелец 05.10: «да, плашки на #eef1f5 с пунктиром»): фон #eef1f5, рамка 1px dashed #bdbdbd,
   текст #262626, скругление 3px. Разметка — единственная .card в .form-group.m-form__group блока (правило ui-shag1 для плашки,
   на копиях: «Активных прогревов доменов пока нет» на /warmups; такие же на других страницах — тем же правилом).
   Владелец 05.10: «да, сделай как плашку» — и блоки-пояснения в той же разметке .form-group.m-form__group > .card: «Трекинг»
   («Ваши письма содержат пиксель…»), «Отправители» («Параметры, заданные в полях ниже…»). Баланс в «Платежах» (.row > .card) — нет ---------- */
.form-group.m-form__group > .card:is(.es-app *),
body.es-app .portlet-body > .form-group.m-form__group:only-child > .card:only-child:is(.es-app *) {
  background-color: var(--es-notice-bg); border: 1px dashed var(--es-border-dashed); color: var(--es-text); border-radius: 3px; }

/* ---------- чистка по ревизии, «1б» — остатки вне списка, по принятым правилам палитры, без новых цветов (куратор 05.10) ---------- */
/* .card и квадраты итогов .stat-square (тема darkblue: фон var(--color-bg-light), рамка #c4c5d6) — контейнеры: фон #fafafa, рамка #e5e5e5.
   Плашки «пусто» в «Трекинге», «Отправителях», «Платежах», квадраты итогов статистики. Плашка /warmups — своё правило ui-shag1, не тронута */
.card:is(.es-app *), .stat-square:is(.es-app *) { background-color: var(--es-surface-subtle); border-color: var(--es-line); }
.maket-preview-wrap:is(.es-app *) { border-color: var(--es-line); }   /* рамки превью «Макетов» (вид promacket.ctp, #c4c5d6) */
/* линии #ddd: отчёт рассылки (style.css .prostat-report-block-border; components-md .m-grid-col) и «Ответы» (Replies/index.ctp;
   скрипты/view_rules.mjs). Фон меток «muted» / «queued» в «Ответах» — статусы, не тронуты */
.prostat-report-block-border:is(.es-app *) { border-color: var(--es-line); }
.prostat-report .m-grid.m-grid-demo .m-grid-col:is(.es-app *) { border-color: var(--es-line); }
.replies-list-head:is(.es-app *) { border-bottom: 1px solid var(--es-line); }
.replies-item:is(.es-app *) { border-bottom: 1px solid var(--es-line); }
.replies-message-head:is(.es-app *) { border-bottom: 1px solid var(--es-line); }
.replies-reply-form:is(.es-app *) { border-top: 1px solid var(--es-line); }
.replies-meta:is(.es-app *) { border-top: 1px solid var(--es-line); }
.replies-row:is(.es-app *) { border-bottom: 1px solid var(--es-line); }
.replies-quote:is(.es-app *) { border-left: 3px solid var(--es-line); }
.replies-pagination:is(.es-app *) { border-top: 1px solid var(--es-line); }
/* рамка .div-frame-small (style.css: #c2cad8, слева зелёный акцент #1d4d4f — акцент оставлен) */
.div-frame-small:is(.es-app *) { border-top-color: var(--es-line); border-right-color: var(--es-line); border-bottom-color: var(--es-line); }
/* выбор языка (my appearance.ctp, встроенный <style>): текст #2b3643 → #262626, стрелка #7b819f → #333333 */
.lang-pick-btn:is(.es-app *) { color: var(--es-text); }
.lang-pick-btn .fa-angle-down:is(.es-app *) { color: var(--es-icon); }
.lang-pick .dropdown-menu > li > a:is(.es-app *) { color: var(--es-text); }
.lang-pick .dropdown-menu > li > a:hover:is(.es-app *), .lang-pick .dropdown-menu > li > a:focus:is(.es-app *) { color: var(--es-text); }
/* главная кнопка мастера (.bcx-main: «Далее» и т. п., было --ink #262626, наведение #333) — зелёная, как все главные: #1d4d4f,
   наведение #266467, нажатие #163a3c. Неактивная — как была (.bcx-b[disabled]). «Отправить / Запланировать» — btn-go, выше */
.bcx .bcx-main:is(.es-app *), #bc-modal .bcx-main:is(.es-app *) { background: var(--es-brand); color: var(--es-white); }
.bcx .bcx-main:hover:is(.es-app *), #bc-modal .bcx-main:hover:is(.es-app *) { background: var(--es-brand-hover); color: var(--es-white); }
.bcx .bcx-main:active:is(.es-app *), #bc-modal .bcx-main:active:is(.es-app *) { background: var(--es-brand-active); }

/* ---------- фон страницы — #f7fafb, дословно от владельца 05.10 («бекграунд замени на #f7fafb»). Только поле страницы:
   body, .page-container (правило кабинета body.em-on) и .page-content (тема, var(--color-bg-light)). Остальное, что было #f2f3f8
   (блоки итогов, пояснительная карточка, наведение в подменю), — как было, #f5f5f5. ---------- */
body.em-on.es-app, body.em-on.es-app .page-container,
.page-content-wrapper .page-content:is(.es-app *) { background-color: var(--es-page-bg); }

/* ========== Уведомления toastr — свой вид, решение владельца 2026 (T-096, 05.10.2026: перенесено из <style> в main.ctp mailer;
   на my — тот же вид, владелец: «да, уведомления как на mailer»). Правила на #toast-container — тяжелее классов toastr и Metronic
   (.toast-success и т. п. в toastr.min.css и plugins-md.min.css), поэтому место в каскаде на вид не влияет. ========== */
#toast-container > div { border-radius: 5px; opacity: 1; box-shadow: none; padding: 12px 14px 12px 50px; }
#toast-container > div:hover { box-shadow: none; opacity: 1; }
/* Получилось. Обычные сообщения тоже сюда: в коде почти всё шлётся видом info, и по смыслу это «сработало». */
#toast-container > .toast-success,
#toast-container > .toast-info { background-color: var(--es-brand); }
/* Не получилось. Предупреждения тоже сюда: владелец решил обойтись двумя состояниями вместо четырёх. */
#toast-container > .toast-error,
#toast-container > .toast-warning { background-color: var(--es-danger); }
#toast-container > div .toast-title { color: var(--es-white); font-weight: 500; font-size: 14px; margin-bottom: 2px; }
#toast-container > div .toast-message { color: var(--es-white); font-size: 13px; }
/* Крестик закрытия — белый, справа сверху. */
#toast-container > div .toast-close-button { color: var(--es-white); opacity: 0.8; text-shadow: none; font-size: 18px; font-weight: 400; }
#toast-container > div .toast-close-button:hover,
#toast-container > div .toast-close-button:focus { color: var(--es-white); opacity: 1; }

/* Широкая таблица — прокрутка внутри блока и на компьютере (05.10.2026, владелец; Postmaster: mailru.ctp, domain.ctp).
   Наша тема darkblue от 768px ставит .table-responsive { overflow: visible !important } — вероятно, чтобы не обрезались
   выпадающие меню в строках; её не трогаем. Прокрутка — только там, где в виде стоит свой класс es-table-scroll; !important —
   потому что у темы он тоже, а вес нашего селектора больше. */
.table-responsive.es-table-scroll { overflow-x: auto !important; }

/* «Таблетки» (владелец 06.10.2026). В style.css кабинета правило «.tabbable-modal-pills .nav-pills > li.active > a, .nav-pills > li.active > a:focus,
   .nav-pills > li.active > a:hover { padding: 4px 10px; font-size: 13px; line-height: 1.5; … }» — после запятых без обёртки, то есть на все
   nav-pills, вес 0,3,2: выбранная вкладка под курсором и в фокусе становилась ниже. style.css не трогаем — возвращаем размер покоя там, где он
   другой. Сверено мышью 06.10: на mailer «таблетки» галерей (/makets/gallery, /proforms/gallery) уже 4px 10px и в покое — не меняются,
   /broadcast исправлен в его блоке; затронуты две страницы my. */
/* «Поддержка» (/help/faq): в покое Bootstrap .nav > li > a — 10px 15px, 14px, строка 20px (297×40, под курсором было 297×27,5) */
.todo-project-list .nav-pills > li.active > a:is(:hover, :focus) { padding: 10px 15px; font-size: 14px; line-height: 20px; }
/* «Профиль» (/settings/sait): в покое todo.css .todo-project-list ul li a — 8px 10px (260×36, под курсором было 260×29) */
.profile-sidebar .todo-project-list .nav-pills > li.active > a:is(:hover, :focus) { padding: 8px 10px; }