/* Мелкие правки поверх сборки (2026-09-10).

   Пагинация. Текущая страница отличалась от соседних только цветом рамки:
   на светлом фоне чёрная рамка рядом с серой читается как обводка, а не как
   выбор, и при наведении соседняя кнопка краснела ярче, чем выглядела
   выбранная. Выбранная страница теперь залита чёрным, наведение мягкое,
   кольцо фокуса отодвинуто от рамки, чтобы контуры не сливались в двойной. */
#sse-catalog.sse-catalog .pg-cur{
  background:#111;border-color:#111;color:#fff;font-weight:500;
}
#sse-catalog.sse-catalog .pager a:hover{
  border-color:#d7d7d7;color:#000;background:#f5f5f5;
}
#sse-catalog.sse-catalog .pager a:focus-visible{
  outline:2px solid #111;outline-offset:2px;border-color:var(--line);
}


/* Правки дизайнера «Правки 5» (2026-09-13), макет Figma j2jBAhQ5WT1C8uQ4aUhMNp,
   эталон 14199:49. Правка 1: линия под каждой вкладкой (#ECECEC, активная #000,
   1px), шрифт вкладок 14/21 чёрный без смены веса, плашка счётчика .vtab-n
   (правило потерялось при сборке 96_css.py: класса не было во фрагментах до
   11.09), даты EOM и EOS в полупрозрачном чёрном. Значения сняты инструментом
   из макета, не на глаз. Лежит здесь, в tweaks.css («правки поверх сборки»), а не в
   catalog.css: тот собирается 96_css.py из 71_site.py и при пересборке приписки теряет
   (так пропало правило .vtab-n). tweaks.css подключается после catalog.css на всех
   страницах каталога. */
#sse-catalog.sse-catalog .vtabs{border-bottom:0;align-items:flex-end;gap:0}
#sse-catalog.sse-catalog .vtab{min-height:0;padding:5px 10px 10px;gap:10px;font-size:14px;line-height:21px;
  font-weight:400;color:#000;border-bottom:1px solid #ECECEC}
/* Наведение на вкладку (выбор Александра 14.09, вариант «линия краснеет»).
   Прежнее правило было пустым: оно красило текст в #000, а он и так чёрный,
   то есть наведения у вкладок не было вовсе. Активная вкладка держит чёрную
   линию, наведённая берёт фирменный красный, поэтому «я здесь» и «сюда можно»
   не путаются. Активную не трогаем, она уже выбрана. Ховер в media hover,
   иначе на таче состояние залипает после тапа. Фокус с клавиатуры контуром,
   как у раскрывашек фильтра: без него при переходе табом не видно, где ты. */
@media (hover:hover){
  #sse-catalog.sse-catalog .vtab:not(.is-on):hover{border-bottom-color:#EA071D}
}
#sse-catalog.sse-catalog .vtab:focus-visible{outline:2px solid #EA071D;
  outline-offset:2px;border-radius:2px}
#sse-catalog.sse-catalog .vtab.is-on{color:#000;border-bottom-color:#000;font-weight:400}
/* Плашка: 12px, отступы 6 и 8, высота 20 как во фрейме макета (там строка обрезана
   по прописным, text-box-trim; здесь тот же результат через line-height 8px). */
#sse-catalog.sse-catalog .vtab-n{display:inline-flex;align-items:center;justify-content:center;
  padding:6px 8px;border-radius:30px;background:var(--brand);color:#fff;
  font-size:12px;line-height:8px;font-weight:500;letter-spacing:0}
#sse-catalog.sse-catalog .lc-tabs{gap:14px;padding:0;align-items:flex-end}
/* Текст плашек: макет даёт rgba(0,0,0,.5), контраст на #FAFAFA около 3,9:1 при 12px;
   по ответу дизайнера 13.09 («темнее») взято .6, контраст около 5,7:1. */
#sse-catalog.sse-catalog .lc-pill{background:#FAFAFA;border-radius:30px;padding:8px 14px;
  font-size:12px;line-height:21px;color:rgba(0,0,0,.6)}
#sse-catalog.sse-catalog .lc-pill b{font-weight:500;color:rgba(0,0,0,.6)}
/* Обёртка кнопок вкладок (inc/lifecycle.php, sse_cat_lc_tabrow): на десктопе просто
   ряд, на узком экране одна строка с прокруткой вбок (ответ дизайнера 13.09),
   плашки EOM и EOS отдельной строкой ниже. */
#sse-catalog.sse-catalog .vtab-row{display:flex;align-items:flex-end;gap:0;min-width:0}
@media(max-width:960px){
  #sse-catalog.sse-catalog .vtab-row{flex:0 0 100%;max-width:100%;overflow-x:auto;
    -webkit-overflow-scrolling:touch;scrollbar-width:none}
  #sse-catalog.sse-catalog .vtab-row::-webkit-scrollbar{display:none}
  #sse-catalog.sse-catalog .vtab-row .vtab{flex:0 0 auto}
  #sse-catalog.sse-catalog .lc-tabs{padding:10px 0 0}
}
@media(max-width:767.98px){
  #sse-catalog.sse-catalog .vtab{font-size:14px;padding:5px 14px 10px}
}

/* Правка 2 (2026-09-13). Тема задаёт table{margin:30px 0} (themes/sse-group/style.css,
   строка 840): внутри рамочной обёртки .tw отступ читался как пустая строка сверху
   и снизу таблицы во вкладке «Документация». Сброс для любой таблицы в обёртке,
   не только для .tw-flat (строка 1099 выше чинила это точечно). */
#sse-catalog.sse-catalog .tw>table{margin:0}

/* Правка 3 (2026-09-13). Контур фокуса остаётся для клавиатуры, при мыши гаснет.
   Источник кольца: тема, style.css, глобальное :focus-visible{outline:#EA071D solid 2px},
   плюс правила каталога выше. Класс is-mouse на <html> ставит site.js по pointerdown
   и снимает по клавишам навигации: в Safari программный focus() после клика мышью
   подпадает под :focus-visible (пейджер, лайтбокс, панель поиска). Текстовые поля
   исключены (кольцо при клике остаётся, как в системном поведении), чекбоксы,
   радио и кнопки-input под правило попадают. Действует только там, где грузится
   catalog.css, то есть на страницах каталога; тема на остальных страницах живёт
   своим правилом. */
html.is-mouse :focus-visible:not(textarea):not(select):not(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button])),
html.is-mouse #sse-catalog.sse-catalog :focus-visible:not(textarea):not(select):not(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button])){outline:none}
html.is-mouse #sse-catalog.sse-catalog .qa-agree input:focus-visible + .qa-agree__box{outline:none}

/* ------------------------------------------------------------------
   Правки 14.09 по замечаниям Александра.
   1. Липкое оглавление вкладки документации уезжало под шапку сайта:
      шапка фиксированная (68 px, у залогиненного с админ-баром 100), а
      оглавление липло к 16 px. Высота шапки приезжает переменной
      --sse-head из site.js: у гостя и у редактора она разная.
   2. Пункты списков внутри разделов шли без маркера, но с отступом, и
      читались как абзацы, уехавшие вправо. Маркер вернули. Селектор с
      id, иначе правило темы для ul перебивает.
   ------------------------------------------------------------------ */
#sse-catalog.sse-catalog .hwdoc .dtoc{top:calc(var(--sse-head,68px) + 16px);
  max-height:calc(100vh - var(--sse-head,68px) - 32px)}
#sse-catalog.sse-catalog .hwdoc .dsec,
#sse-catalog.sse-catalog .hwdoc .dsec h3{scroll-margin-top:calc(var(--sse-head,68px) + 20px)}
#sse-catalog.sse-catalog .hwdoc .dsec ul.dul{list-style:disc;padding-left:22px}
#sse-catalog.sse-catalog .hwdoc .dsec ul.dul>li{list-style:disc}
#sse-catalog.sse-catalog .hwdoc .dsec ul.dul>li::marker{color:var(--ink-3)}

/* Плашка счётчика: круг вместо овала (просьба Александра 14.09). Диаметр 24 по
   второй просьбе того же дня («кружок чуть побольше»), цифра по центру за счёт
   flex и межстрочного 1; разделов на карточке максимум одиннадцать, две цифры в
   круг входят с запасом. Цвет прежний, #EA071D: он уже совпадает с кнопкой
   «Запросить цену», проверено пипеткой. */
#sse-catalog.sse-catalog .vtab-n{width:24px;min-width:24px;height:24px;padding:0;
  border-radius:50%;line-height:1;font-variant-numeric:tabular-nums}

/* Серый один на всю вкладку (просьба Александра 14.09). Было два разных:
   таблицы и подсветка оглавления брали холодный #f4f6f8 с уходом в синеву,
   а зебра строк каталога брала нейтральный #FAFAFA. Оставлен нейтральный.
   Заодно снята сплошная заливка первого столбца: чередование идёт целыми
   строками, как в правой половине таблицы, а не колонкой. */
#sse-catalog.sse-catalog .hwdoc{--soft:#F5F5F5;--line:#E5E5E5}
#sse-catalog.sse-catalog .hwdoc table.dtab tbody th{background:transparent}
#sse-catalog.sse-catalog .hwdoc table.dtab tbody tr:nth-child(odd){background:#FAFAFA}
#sse-catalog.sse-catalog .hwdoc table.dtab tbody tr:nth-child(even){background:transparent}
#sse-catalog.sse-catalog .hwdoc .dtoc a:hover,
#sse-catalog.sse-catalog .hwdoc .dtoc a.on{background:#F0F0F0;color:var(--ink)}

/* Подпись об источнике внизу вкладки, как в эталоне: документ Huawei назван
   явно, а не спрятан в data-src у каждого элемента (правка 14.09). */
#sse-catalog.sse-catalog .hwdoc .dbody p.src{font-size:13px;color:var(--ink-2);
  margin:18px 0 0;line-height:1.5;max-width:70ch}

/* Заливка строк во вкладке документации снята целиком (просьба Александра 14.09):
   таблицы читаются по линиям, зебра здесь лишний шум. Шапка тоже без фона. */
#sse-catalog.sse-catalog .hwdoc table.dtab tbody tr:nth-child(odd),
#sse-catalog.sse-catalog .hwdoc table.dtab tbody tr:nth-child(even),
#sse-catalog.sse-catalog .hwdoc table.dtab tbody th,
#sse-catalog.sse-catalog .hwdoc table.dtab thead th{background:transparent}

/* Раздел с несколькими компонентами (питание, охлаждение, совместимость)
   читался кашей: заголовок блока терялся среди абзацев, таблиц и карточек
   индикаторов, границы блоков не было видно. Правка 14.09 по замечанию
   Александра. Заголовок блока стал тёмным и плотным, каждый следующий блок
   отделён линией, отступы внутри блока меньше, чем между блоками. */
#sse-catalog.sse-catalog .hwdoc .dsec h4.dtt{color:var(--ink)!important;
  font-weight:600!important;font-size:15px!important;
  margin:0 0 12px!important;padding-top:22px;border-top:1px solid var(--line)}
#sse-catalog.sse-catalog .hwdoc .dsec h4.dtt:first-of-type{border-top:0;padding-top:0}
#sse-catalog.sse-catalog .hwdoc .dsec h4.dtt + p{margin-top:0}
#sse-catalog.sse-catalog .hwdoc .dsec .tw{margin:12px 0 16px}
#sse-catalog.sse-catalog .hwdoc .dsec .inds{margin:12px 0 16px}

/* Перелинковка вкладки на карточки каталога (14.09). Выбран гибрид: в тексте
   ссылка красная, как в блоке «Соседние исполнения» и в описаниях категорий,
   там она и должна звать. В таблицах модулей ссылка стоит почти в каждой
   строке первой колонкой, и тот же красный превратил бы колонку в сплошную
   полосу, поэтому там ссылка держит цвет текста и серую линию, а красный
   приходит под курсором. Ховер в media hover, иначе на таче залипает. */
#sse-catalog.sse-catalog .hwdoc a.dxr{color:#EA071D;text-decoration:none;
  border-bottom:1px solid rgba(234,7,29,.35);
  transition:color .15s ease,border-color .15s ease}
#sse-catalog.sse-catalog .hwdoc table.dtab a.dxr{color:var(--ink);
  border-bottom-color:#D6D6D6}
@media (hover:hover){
  #sse-catalog.sse-catalog .hwdoc a.dxr:hover{border-bottom-color:#EA071D}
  #sse-catalog.sse-catalog .hwdoc table.dtab a.dxr:hover{color:#EA071D;
    border-bottom-color:#EA071D}
}
#sse-catalog.sse-catalog .hwdoc a.dxr:focus-visible{outline:2px solid #EA071D;
  outline-offset:2px;border-radius:2px}