в начале строки */
#content #adv-artifact-stage-6 .adv-md li strong{
color:var(--nlv-ink-900); font-weight:700;
}
/* нумерованный вариант чек-листа (если приходит 1. 2. 3.) — тот же ряд-стиль */
#content #adv-artifact-stage-6 .adv-md ol{
list-style:none; margin:0; padding:0;
display:flex; flex-direction:column; gap:2px;
counter-reset:nlv-s6;
}
#content #adv-artifact-stage-6 .adv-md ol li{
counter-increment:nlv-s6;
}
#content #adv-artifact-stage-6 .adv-md ol li::before{
content:counter(nlv-s6); background-image:none;
font:700 11px/20px var(--nlv-font-mono); text-align:center;
color:var(--nlv-accent-700);
}
/* вводный/пояснительный абзац внутри артефакта */
#content #adv-artifact-stage-6 .adv-md p{
font:400 13px/1.55 var(--nlv-font-sans); color:var(--nlv-ink-500);
margin:2px 0 8px; padding:0 2px;
}
/* ──────── stage7.css ──────── */
/* ═══════════════════════════════════════════════════════════════════════════
Nelvo · зона «stage7» — Этап 7 «Ведение» (вкладка «Запуск и ведение»)
───────────────────────────────────────────────────────────────────────────
Только специфика зоны. НЕ дублирует базу (webui/ds/advisor-redesign.css):
плитки live-stats (.adv-live*), .adv-substage, .adv-status-*, .btn, .adv-meta —
уже там. Здесь ТОЛЬКО то, что база не покрывает и рендерит host-разметка
этапа 7: лента авто-сигналов мониторинга (#adv-alerts-box → .adv-alerts*/
.adv-alert*) и заголовок секции подэтапов 7.1–7.7 (.adv-sub-section h4).
Токены --nlv-* уже определены базовым оверлеем; токен-блок НЕ переопределяем.
Всё под #content. !important — нет (host не эмитит inline-style на этих узлах).
Реальные классы сверены по advisor.js (loadAlerts / renderStage7Body).
═══════════════════════════════════════════════════════════════════════════ */
/* ── Заголовок секции «Подэтапы 7.1–7.7» ── */
#content .adv-sub-section > h4{
font:600 12px/1.2 var(--nlv-font-mono);
color:var(--nlv-ink-400);
text-transform:uppercase;
letter-spacing:.06em;
margin:4px 0 12px;
}
/* ── Лента авто-сигналов мониторинга (#adv-alerts-box) ── */
/* загрузка */
#content .adv-alerts-loading{
display:flex; align-items:center; gap:8px;
font:400 13px/1.4 var(--nlv-font-sans); color:var(--nlv-ink-400);
margin-bottom:16px;
}
/* «Сигналов нет» — спокойный accent-тон (всё ок) */
#content .adv-alerts-empty{
display:flex; align-items:flex-start; gap:9px;
background:var(--nlv-accent-50);
border:1px solid var(--nlv-accent-100);
border-radius:var(--nlv-r-md);
color:var(--nlv-ink-600);
padding:12px 14px;
font:400 12.5px/1.5 var(--nlv-font-sans);
margin-bottom:16px;
}
#content .adv-alerts-empty .adv-alerts-ok-icn{
color:var(--nlv-accent-600); font-weight:700; flex:0 0 auto; line-height:1.5;
}
/* контейнер списка сигналов */
#content .adv-alerts{
display:flex; flex-direction:column; gap:8px;
margin-bottom:16px;
}
/* шапка «Сигналы мониторинга» + счётчик */
#content .adv-alerts-head{
display:flex; align-items:center; gap:8px;
font:600 11px/1.2 var(--nlv-font-mono);
color:var(--nlv-ink-400);
text-transform:uppercase; letter-spacing:.06em;
margin-bottom:2px;
}
#content .adv-alerts-badge{
background:var(--nlv-warn-100); color:var(--nlv-warn-600);
border-radius:var(--nlv-r-pill);
padding:2px 9px;
font:600 11px/1.4 var(--nlv-font-mono);
letter-spacing:0;
}
/* строка сигнала — по умолчанию severity=warning (амбер акцент слева) */
#content .adv-alert-row{
display:flex; align-items:center; gap:10px;
background:var(--nlv-warn-100);
border:1px solid var(--nlv-warn-100);
border-left:3px solid var(--nlv-warn-600);
border-radius:var(--nlv-r-md);
padding:11px 13px;
font:500 12.5px/1.45 var(--nlv-font-sans);
}
#content .adv-alert-row.adv-alert-warn{
background:var(--nlv-warn-100);
border-color:var(--nlv-warn-100);
border-left-color:var(--nlv-warn-600);
}
/* severity=critical — красный акцент */
#content .adv-alert-row.adv-alert-crit{
background:var(--nlv-danger-100);
border-color:var(--nlv-danger-100);
border-left-color:var(--nlv-danger);
}
#content .adv-alert-dot{
width:8px; height:8px; border-radius:var(--nlv-r-pill);
background:var(--nlv-warn-600); flex:0 0 auto;
}
#content .adv-alert-row.adv-alert-crit .adv-alert-dot{ background:var(--nlv-danger); }
#content .adv-alert-msg{ color:var(--nlv-ink-800); flex:1 1 auto; }
#content .adv-alert-date{
color:var(--nlv-ink-400); font:500 11px/1 var(--nlv-font-mono);
flex:0 0 auto; white-space:nowrap;
}
/* ──────── tools.css ──────── */
/* ═══════════════════════════════════════════════════════════════════════════
Nelvo — редизайн ЗОНА «ИНСТРУМЕНТЫ» вкладки «Запуск и ведение» (advisor.js)
───────────────────────────────────────────────────────────────────────────
Только специфика доп-инструментов #8 «Добавить кампанию» и #9 «РСЯ-картинки».
• Форма/панель = .adv-card, .adv-pill, .btn* → уже покрыты базовым оверлеем,
здесь НЕ дублируются.
• #qa-result (превью сборки) и #adv-rsya-grid-4_4 (грид креативов) host эмитит
жирными inline-стилями (border/color/background hex) → перебиваем точечными
[style*=…] + !important ТОЛЬКО против host inline. Токены --nlv-* из базы.
• Всё под #content. advisor.js НЕ тронут (read-only). Ни строки логики/данных.
Источник разметки: dashboard-platform/modules/yandex_advisor/frontend/advisor.js
═══════════════════════════════════════════════════════════════════════════ */
/* ── #8 форма «Добавить кампанию»: локальные детали, не покрытые базой ── */
/* label'ы «Темы / маски», «Название кампании» — host inline font-size/weight.
Эталон: обычный регистр sans (не uppercase — иначе «(по одной на строку)» кричит). */
#content .adv-card > label[style*="font-weight:600"]{
font:600 13px/1.4 var(--nlv-font-sans) !important;
color:var(--nlv-ink-700) !important; letter-spacing:-.005em;
}
/* textarea/input сборки (host inline _qaIn: border hex + radius) */
#content #qa-masks,
#content #qa-name{
border:1px solid var(--nlv-ink-200) !important; border-radius:var(--nlv-r-md) !important;
background:var(--nlv-paper) !important; color:var(--nlv-ink-900) !important;
padding:11px 14px !important; font:400 14px/1.45 var(--nlv-font-sans) !important;
transition:border-color .14s ease, box-shadow .14s ease;
}
#content #qa-masks:focus,
#content #qa-name:focus{
outline:none !important; border-color:var(--nlv-accent-500) !important;
box-shadow:0 0 0 3px var(--nlv-accent-50) !important;
}
#content #qa-masks::placeholder,
#content #qa-name::placeholder{ color:var(--nlv-ink-300); }
/* «Собрать агентами» — host inline _qaBtn (background:#111) → 3D primary как в базе */
#content .adv-card > button[onclick^="quickAddAssemble"]{
background:linear-gradient(180deg,var(--nlv-accent-500),var(--nlv-accent-700)) !important;
border:1px solid var(--nlv-accent-700) !important; color:#fff !important;
border-radius:var(--nlv-r-sm) !important; padding:11px 18px !important;
font:600 13.5px/1 var(--nlv-font-sans) !important; letter-spacing:-.005em;
box-shadow:var(--nlv-btn-hi), 0 1px 2px rgba(11,110,71,.35), 0 5px 13px rgba(18,165,107,.20) !important;
transition:filter .14s ease, transform .08s ease, box-shadow .14s ease;
}
#content .adv-card > button[onclick^="quickAddAssemble"]:hover{ filter:brightness(1.04); }
#content .adv-card > button[onclick^="quickAddAssemble"]:active{ transform:translateY(1px) scale(.99); }
#content .adv-card > button[onclick^="quickAddAssemble"]:disabled{ opacity:.6; filter:grayscale(.15); cursor:default; }
/* «Сгенерировать / обновить картинки» (#9) — тот же _qaBtn inline */
#content .adv-card > button[onclick^="generateCreativesNow"]{
background:linear-gradient(180deg,var(--nlv-accent-500),var(--nlv-accent-700)) !important;
border:1px solid var(--nlv-accent-700) !important; color:#fff !important;
border-radius:var(--nlv-r-sm) !important; padding:11px 18px !important;
font:600 13.5px/1 var(--nlv-font-sans) !important; letter-spacing:-.005em;
box-shadow:var(--nlv-btn-hi), 0 1px 2px rgba(11,110,71,.35), 0 5px 13px rgba(18,165,107,.20) !important;
transition:filter .14s ease, transform .08s ease, box-shadow .14s ease;
}
#content .adv-card > button[onclick^="generateCreativesNow"]:hover{ filter:brightness(1.04); }
#content .adv-card > button[onclick^="generateCreativesNow"]:active{ transform:translateY(1px) scale(.99); }
/* ── #qa-result — превью собранной кампании (host inline-heavy) ── */
/* контейнер превью: border hex + radius:10px + padding:14px */
#content #qa-result > div[style*="border:1px solid"]{
border:1px solid var(--nlv-ink-150) !important; border-radius:var(--nlv-r-md) !important;
background:var(--nlv-canvas) !important; padding:16px 18px !important;
box-shadow:var(--nlv-sh-xs);
}
/* заголовок «Название · Поиск/РСЯ» (font-weight:700, первый child) */
#content #qa-result > div > div[style*="font-weight:700"]{
font:800 16px/1.25 var(--nlv-font-sans) !important; color:var(--nlv-ink-900) !important;
letter-spacing:-.01em;
}
/* строка «N групп · K ключей · M объявлений» → mono */
#content #qa-result > div > div[style*="color:var(--ink-400"][style*="margin:2px 0 6px"]{
font:500 12.5px/1.4 var(--nlv-font-mono) !important; color:var(--nlv-ink-500) !important;
letter-spacing:.01em;
}
/* строки групп (border-top hex + padding) */
#content #qa-result > div > div[style*="border-top:1px solid"]{
border-top:1px solid var(--nlv-ink-100) !important;
font:400 13px/1.5 var(--nlv-font-sans) !important; color:var(--nlv-ink-600) !important;
padding:7px 0 !important;
}
#content #qa-result > div > div[style*="border-top:1px solid"] b{ color:var(--nlv-ink-900); font-weight:700; }
/* чипы наличия ассетов ✓ / — (host inline background hex) */
#content #qa-result span[style*="border-radius:20px"]{
display:inline-flex !important; align-items:center; gap:5px;
font:600 12px/1 var(--nlv-font-sans) !important; padding:5px 11px !important;
border-radius:var(--nlv-r-pill) !important; margin:2px 6px 2px 0 !important;
border:1px solid transparent;
}
/* чип «есть» ✓ (inline background:#eaf7ea; color:#0a7a0a) */
#content #qa-result span[style*="background:#eaf7ea"]{
background:var(--nlv-accent-50) !important; color:var(--nlv-accent-700) !important;
border-color:var(--nlv-accent-100);
}
/* чип «нет» — (inline background:#f3f4f6; color:#9aa0a6) */
#content #qa-result span[style*="background:#f3f4f6"]{
background:var(--nlv-ink-100) !important; color:var(--nlv-ink-400) !important;
border-color:var(--nlv-ink-150);
}
/* warning в превью (inline color:#b8860b) */
#content #qa-result div[style*="color:#b8860b"]{
color:var(--nlv-warn-600) !important;
font:500 12.5px/1.45 var(--nlv-font-sans) !important;
}
/* кнопки превью-действий (host inline _qaBtn варианты) */
/* «Превью в Директ (без записи)» — inline background:#fff;color:#111;border hex → secondary/outline */
#content #qa-result button[onclick^="quickAddLaunch('preview'"]{
background:var(--nlv-paper) !important; color:var(--nlv-ink-700) !important;
border:1px solid var(--nlv-ink-200) !important; border-radius:var(--nlv-r-sm) !important;
padding:11px 18px !important; font:600 13.5px/1 var(--nlv-font-sans) !important;
box-shadow:var(--nlv-sh-xs); transition:filter .14s ease, border-color .14s ease, background .14s ease;
}
#content #qa-result button[onclick^="quickAddLaunch('preview'"]:hover{
background:var(--nlv-ink-50) !important; border-color:var(--nlv-ink-300) !important;
}
#content #qa-result button[onclick^="quickAddLaunch('preview'"]:active{ transform:translateY(1px) scale(.99); }
/* «Создать черновик» — inline _qaBtn (background:#111) → 3D primary */
#content #qa-result button[onclick^="quickAddLaunch('apply'"]{
background:linear-gradient(180deg,var(--nlv-accent-500),var(--nlv-accent-700)) !important;
border:1px solid var(--nlv-accent-700) !important; color:#fff !important;
border-radius:var(--nlv-r-sm) !important; padding:11px 18px !important;
font:600 13.5px/1 var(--nlv-font-sans) !important; letter-spacing:-.005em;
box-shadow:var(--nlv-btn-hi), 0 1px 2px rgba(11,110,71,.35), 0 5px 13px rgba(18,165,107,.20) !important;
transition:filter .14s ease, transform .08s ease, box-shadow .14s ease;
}
#content #qa-result button[onclick^="quickAddLaunch('apply'"]:hover{ filter:brightness(1.04); }
#content #qa-result button[onclick^="quickAddLaunch('apply'"]:active{ transform:translateY(1px) scale(.99); }
#content #qa-result button[onclick^="quickAddLaunch"]:disabled{ opacity:.6; filter:grayscale(.15); cursor:default; }
/* launch-msg после превью/применения (inline color:#0a8a0a успех / #b8860b предупреждение) */
#content #qa-launch-msg{ font:500 13px/1.5 var(--nlv-font-sans) !important; }
#content #qa-launch-msg div[style*="color:#0a8a0a"]{ color:var(--nlv-accent-600) !important; font-weight:600; }
#content #qa-launch-msg div[style*="color:#b8860b"]{ color:var(--nlv-warn-600) !important; }
#content #qa-launch-msg div[style*="color:var(--ink-400"]{
font:400 12.5px/1.45 var(--nlv-font-mono) !important; color:var(--nlv-ink-400) !important;
}
/* стрим-лог генерации креативов (#9) */
#content #creatives-stream{
font:400 12px/1.5 var(--nlv-font-mono) !important; color:var(--nlv-ink-400) !important;
}
/* ── #9 #adv-rsya-grid-4_4 — грид РСЯ-креативов (host inline img/border) ── */
/* картинка креатива: inline border hex(var(--c-paper-2)) + radius + background */
#content #adv-rsya-grid-4_4 img[style*="aspect-ratio"]{
border:1px solid var(--nlv-ink-150) !important; border-radius:var(--nlv-r-md) !important;
background:var(--nlv-ink-50) !important; box-shadow:var(--nlv-sh-xs);
}
/* заголовок кластера (inline font-weight:600;font-size:13px) */
#content #adv-rsya-grid-4_4 div[style*="font-weight:600"][style*="font-size:13px"]{
font:700 13px/1.35 var(--nlv-font-sans) !important; color:var(--nlv-ink-800) !important;
}
/* «не сгенерирован» плейсхолдер (inline dashed border + color) */
#content #adv-rsya-grid-4_4 div[style*="1px dashed"]{
border:1px dashed var(--nlv-ink-200) !important; border-radius:var(--nlv-r-md) !important;
color:var(--nlv-ink-400) !important; background:var(--nlv-canvas);
font:400 12px/1.4 var(--nlv-font-sans) !important;
}
/* .adv-meta-xs (Вариант · формат · KB) уже определён в базе — не дублируем.
«Регенерировать» = .btn.btn-outline.btn-sm — базовый .btn-outline покрывает. */
/* ──────── shell-refine (чат-тоггл «Спросить Nelvo» и «История прогонов»: host
даёт им заливку --c-ember/--c-ember-deep → тёмно-зелёный бокс. Делаем заголовком-
текстом: прозрачный фон в ОБОИХ состояниях. Host использует attr-селектор
[aria-expanded="true"] — бьём !important, чтобы не зависеть от порядка) ──────── */
#content .adv-chat-toggle,
#content .adv-chat-toggle[aria-expanded="true"],
#content .adv-history-toggle,
#content .adv-history-toggle[aria-expanded="true"]{
background:transparent !important; border-color:transparent !important;
color:var(--nlv-ink-900) !important; box-shadow:none !important;
}
#content .adv-chat-toggle:hover,
#content .adv-history-toggle:hover{ box-shadow:none !important; }
/* ═══════════ QA-ФИКСЫ (по находкам мультиагентной верификации на живом стенде) ═══════════ */
/* FIX-2: refine «Поправить» send-кнопка (_chatBoxHtml:3638) — host inline background:#111.
Редизайн: чёрных кнопок нет. Любую inline-#111 кнопку → emerald 3D (inline → !important). */
#content button[style*="background:#111"]{
background:linear-gradient(180deg,var(--nlv-accent-500),var(--nlv-accent-700)) !important;
border:1px solid var(--nlv-accent-700) !important; color:#fff !important;
box-shadow:var(--nlv-btn-hi), 0 1px 2px rgba(11,110,71,.35) !important;
transition:filter .14s ease, transform .08s ease !important;
}
#content button[style*="background:#111"]:hover{ filter:brightness(1.04) !important; }
#content button[style*="background:#111"]:active{ transform:translateY(1px) scale(.99) !important; }
/* FIX-3: бейдж/↗ Истории уходили на 2-ю строку (карточка — грид auto 1fr, косметика
аппендит margin-left:auto → новый ряд). Делаем карточку flex → бейдж inline справа. */
#content .adv-history-card{ display:flex !important; align-items:center; gap:10px; }
#content .adv-history-card-body{ flex:1 1 auto; min-width:0; }
#content .adv-history-card .nlv-hc-badge{ margin-left:0; }
/* markdown-таблицы (собираются nlvMarkdownTables из pipe- — advMarkdown их не делает) */
#content .nlv-md-table{ width:100%; border-collapse:collapse; margin:10px 0; font:400 13px/1.5 var(--nlv-font-sans);
border:1px solid var(--nlv-ink-150); border-radius:var(--nlv-r-md); overflow:hidden; }
#content .nlv-md-table th{ text-align:left; font:600 11px/1.3 var(--nlv-font-mono); text-transform:uppercase;
letter-spacing:.04em; color:var(--nlv-ink-400); padding:9px 13px; background:var(--nlv-ink-50);
border-bottom:1px solid var(--nlv-ink-150); }
#content .nlv-md-table td{ padding:9px 13px; border-bottom:1px solid var(--nlv-ink-100); color:var(--nlv-ink-700);
font-variant-numeric:tabular-nums; }
#content .nlv-md-table tr:last-child td{ border-bottom:none; }
#content .nlv-md-table tbody tr:hover{ background:var(--nlv-ink-50); }
/* ═══════════════════ МАКЕТ-ФИКСЫ v2 (по глобальному ревью vs Claude Design) ═══════════════════ */
/* 1. Заголовок ПОДЭТАПА был 22px/800 (шарил селектор с заголовком этапа) → мельче, как в макете */
#content .adv-substage .adv-substage-title{ font:600 15px/1.35 var(--nlv-font-sans); letter-spacing:normal; }
/* 2. «Спросить Nelvo» / «История прогонов» — заголовок разъезжался (space-between + иконка order:-1) */
#content .adv-chat-toggle,
#content .adv-history-toggle{ justify-content:flex-start; gap:9px; }
#content .adv-chat-toggle svg, #content .adv-chat-toggle .adv-icn{ order:0; }
#content .adv-history-toggle-count{ margin-left:auto; }
/* 3. Подэтапы: высокие карточки → компактные строки (title+badge+кнопка в ряд, артефакт ниже) */
#content .adv-substage{ display:flex; flex-wrap:wrap; align-items:center; column-gap:14px; row-gap:10px; padding:14px 16px; }
#content .adv-substage-head{ flex:1 1 auto; display:flex; align-items:center; gap:10px; min-width:0; }
#content .adv-substage-head .adv-status-badge{ margin-left:auto; }
#content .adv-substage-actions{ flex:0 0 auto; margin:0; }
#content .adv-substage-artifact{ flex:1 1 100%; }
/* 4. Убрать ▶ play-треугольник из run-кнопок и шевронов (макет §4.3 — без треугольника) */
#content .btn svg:has(polygon),
#content button svg:has(polygon),
#content .adv-extra-chev svg:has(polygon){ display:none; }
/* 5. markdown h4 (заголовки кампаний) были 12px mono uppercase серые → нормальный подзаголовок */
#content .adv-artifact .adv-md h4{ font:600 14px/1.35 var(--nlv-font-sans); text-transform:none; letter-spacing:normal;
color:var(--nlv-ink-800); margin:14px 0 6px; padding-top:12px; border-top:1px solid var(--nlv-ink-100); }
#content .adv-artifact .adv-md h4:first-child{ border-top:none; padding-top:0; margin-top:0; }
#content .adv-artifact .adv-md h3{ font:700 16px/1.3 var(--nlv-font-sans); color:var(--nlv-ink-900); text-transform:none; }
/* 6. Структурные вьюхи 4.x/relevance — host white-space:pre-wrap рисовал пустые строки (+259px) → схлопнуть */
#content .adv-substage-artifact{ white-space:normal; }
/* 7. Заголовок tool-карточки «Добавить кампанию» не был покрыт → 22px как заголовок */
#content .adv-card > h3{ font:800 22px/1.2 var(--nlv-font-sans); letter-spacing:-.01em; color:var(--nlv-ink-900); margin:0 0 4px; }
/* 8. Тумблер Поиск/РСЯ — активный красился громким stage-green → мягкий сегмент */
#content #qa-t-search.adv-pill-active, #content #qa-t-rsya.adv-pill-active{
background:var(--nlv-ink-100); border-color:var(--nlv-ink-200); color:var(--nlv-ink-900); box-shadow:none; }
#content #qa-t-search.adv-pill-active .adv-pill-num, #content #qa-t-rsya.adv-pill-active .adv-pill-num{
background:var(--nlv-ink-200); color:var(--nlv-ink-700); }
/* префикс подэтапа «7.1» — серый mono отдельным спаном (nlvSubstagePrefix) */
#content .nlv-subnum{ color:var(--nlv-ink-400); font-weight:600; font-family:var(--nlv-font-mono); font-size:.92em; margin-right:3px; }
/* иконка файлового чипа (nlvFileChipIcon) */
#content .nlv-fic{ display:inline-flex; align-items:center; color:var(--nlv-ink-400); margin-right:4px; flex:0 0 auto; }