/* Аналитика Welcome, вкладка «Результаты»: шапка, строка фильтров, полоса ключевых чисел, таблицы, график, печать.
   Только цвета из переменных --ov-* (welcome-next.css), поэтому тёмная тема работает сама.
   График, таблица по дням и свёрнутые блоки (.wa-chart, .wa-table, .wa-fold) общие и с Обзором (#section-support-overview). */
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview){--wa-soft:color-mix(in srgb,var(--ov-text) 4%,var(--ov-surface));--wa-c:color-mix(in srgb,var(--ov-text) 24%,var(--ov-surface))}
/* Шапка: значок, заголовок и подзаголовок (.wa-title) и базовая строка фильтров (.wa-filters) общие, в welcome-next.css; здесь кнопки и фильтры этих двух страниц */
html body.product-support :is(#section-support-stats,#section-support-diagnostics).support-shell>.section-head .wn-actions .support-btn{padding:7px 14px!important;min-height:0!important;font-size:12px!important}
/* Строка фильтров */
html body.product-support :is(#section-support-stats,#section-support-diagnostics).support-shell form.wa-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 12px!important;margin:0 0 10px!important;border:1px solid var(--ov-line)!important;border-radius:14px!important;background:var(--ov-surface)!important}
:is(#section-support-stats,#section-support-diagnostics) .wa-filters label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ov-muted);margin:0}
html body.product-support :is(#section-support-stats,#section-support-diagnostics) .wa-filters input[type=date],html body.product-support :is(#section-support-stats,#section-support-diagnostics) .wa-filters select{height:32px!important;min-height:0!important;padding:0 8px!important;border:1px solid var(--ov-line)!important;border-radius:8px!important;background:var(--ov-surface)!important;color:var(--ov-text)!important;font:inherit;font-size:12px!important;width:auto!important;max-width:100%}
html body.product-support :is(#section-support-stats,#section-support-diagnostics) .wa-filters select{max-width:220px}
/* Стрелка у списков, как на Обзоре: общий стиль панели её убирает */
html body.product-support :is(#section-support-stats,#section-support-diagnostics) .wa-filters select{appearance:none;-webkit-appearance:none;padding-right:28px!important;cursor:pointer;background:var(--ov-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%2371808c' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 10px center!important}
html body.product-support :is(#section-support-stats,#section-support-diagnostics) .wa-filters .wa-excel{height:32px!important;min-height:0!important;padding:0 12px!important;font-size:12px!important;margin-left:auto}
:is(#section-support-stats,#section-support-diagnostics) .wa-period{margin:0 0 14px;font-size:12px;color:var(--ov-muted)}
/* Ключевые числа одной полосой с периодом (30.09): вместо четырёх крупных карточек, как на Live и в Базе знаний */
html body.product-support :is(#section-support-stats,#section-support-diagnostics) .wa-strip.c-card{padding:12px 18px!important;margin:0 0 12px!important;border:1px solid var(--ov-line)!important;border-radius:14px!important;background:var(--ov-surface)!important;box-shadow:none!important}
:is(#section-support-stats,#section-support-diagnostics) .wa-strip :is(.wa-period,.wq-period){margin:0 0 10px;font-size:12px;color:var(--ov-muted)}
/* 08.10: до семи карточек плиткой; карточка целиком открывает список обращений */
html body.product-support #section-support-stats .wa-strip #wm-stats-metrics.wa-kpis{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin:0}
html body.product-support #section-support-stats .wa-kpis>.wm-metric{display:grid;align-content:start;gap:3px;min-width:0;min-height:0;margin:0;padding:10px 12px!important;border:1px solid var(--ov-line)!important;border-radius:10px!important;background:none!important;box-shadow:none!important;text-align:left;color:var(--ov-text)!important;font:inherit!important;width:auto!important;height:auto!important}
html body.product-support #section-support-stats .wa-kpis>button.wa-kpi-btn{cursor:pointer;transition:background .15s,border-color .15s}
html body.product-support #section-support-stats .wa-kpis>button.wa-kpi-btn:is(:hover,:focus-visible){background:var(--wa-soft)!important;border-color:color-mix(in srgb,var(--ov-accent) 40%,var(--ov-line))!important}
#section-support-stats .wa-kpis .wm-metric>.c-foot{display:block}
#section-support-stats .wa-kpis .wa-kpi-go{font-style:normal;font-size:14px;line-height:1;color:var(--ov-accent)}
#section-support-stats .wa-kpis .wa-rates{gap:4px 12px}
html body.product-support #section-support-stats .wa-kpis button.wa-rate-btn{margin:0!important;font-size:18px!important;text-decoration:none}
#section-support-stats .wa-kpis .wa-rates .wa-num-zero{font-size:18px}
#section-support-stats .wa-kpis .wn-kpi-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
#section-support-stats .wa-kpis .wn-kpi-head>span{display:inline-flex;align-items:center;gap:6px;min-width:0;font-size:12px;font-weight:600;color:var(--ov-muted)}
#section-support-stats .wa-kpis .wn-kpi-head>span::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--tone,var(--ov-accent))}
html body.product-support #section-support-stats .wa-kpis .wm-stat-value{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;gap:2px 8px;margin:0}
html body.product-support #section-support-stats .wa-kpis .c-value{display:inline;margin:0!important;font-size:22px!important;line-height:1.2;letter-spacing:-.5px}
html body.product-support #section-support-stats .wa-kpis .wm-stat-value b{font-size:12px;font-weight:600;color:var(--ov-muted)}
html body.product-support #section-support-stats .wa-kpis .c-foot{margin:0;font-size:12px;line-height:1.35;color:var(--ov-muted);opacity:1}
html body.product-support #section-support-stats button.wa-kpi-link{flex:none;padding:0!important;margin:0!important;min-height:0!important;border:0!important;background:none!important;box-shadow:none!important;color:var(--ov-accent)!important;font:inherit!important;font-size:12px!important;font-weight:600!important;cursor:pointer;white-space:nowrap}
html body.product-support #section-support-stats button.wa-kpi-link:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:2px}
/* Период списком, как на Обзоре; поля дат только для своего периода */
:is(#section-support-stats,#section-support-diagnostics) .wa-filters .wa-pick{font-size:12px;color:var(--ov-muted)}
html body.product-support :is(#section-support-stats,#section-support-diagnostics) .wa-filters .wa-pick select{min-width:150px;font-weight:600}
:is(#section-support-stats,#section-support-diagnostics) .wa-range{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
:is(#section-support-stats,#section-support-diagnostics) .wa-range[hidden]{display:none!important}
/* Пустой период: одна короткая строка вместо нескольких одинаковых блоков */
#section-support-stats.wa-nodata .wa-block:not(.wa-main){display:none}
html body.style1.assistant-admin :is(#section-support-stats,#section-support-diagnostics) :is(.wa-block,.wq-box) .support-empty{padding:8px 0!important;min-height:0!important;margin:0;border:0!important;background:none!important;text-align:left;font-size:13px;line-height:1.5;color:var(--ov-muted)}
/* Блоки */
:is(#section-support-stats,#section-support-diagnostics) .wa-block{padding:16px 18px}
:is(#section-support-stats,#section-support-diagnostics) .wa-note{margin:10px 0 0;font-size:12px;color:var(--ov-muted)}
html body.product-support :is(#section-support-stats,#section-support-diagnostics) button.wa-link{display:inline;padding:0!important;margin:0!important;min-height:0!important;border:0!important;background:none!important;box-shadow:none!important;color:var(--ov-accent)!important;font:inherit!important;font-size:inherit!important;font-weight:600!important;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
/* Таблицы в стиле Ассистента */
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-table-wrap{overflow-x:auto;max-width:100%}
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-table th,:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-table td{padding:11px 10px;border-top:1px solid var(--ov-line);text-align:right;vertical-align:middle;color:var(--ov-text)}
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-table thead th{border-top:0;padding-top:4px;font-size:11px;font-weight:650;letter-spacing:.4px;text-transform:uppercase;color:var(--ov-muted)}
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-table th:first-child{text-align:left;font-weight:400}
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-table th b{display:block;font-weight:600}
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-table th small{display:block;margin-top:2px;font-size:12px;color:var(--ov-muted);font-weight:400}
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-table td small{display:block;font-size:11px;color:var(--ov-muted)}
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-table .wa-sub th{padding-left:28px}
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-table .wa-sub th b{font-weight:400;color:var(--ov-muted)}
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-table .wa-sub th b::before{content:"";display:inline-block;width:8px;height:8px;margin:0 8px 2px -16px;border-left:1px solid var(--ov-line);border-bottom:1px solid var(--ov-line)}
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-table .wa-group th{padding-top:16px;font-size:11px;font-weight:650;letter-spacing:.4px;text-transform:uppercase;color:var(--ov-muted);background:none}
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-table .wa-quiet th b,:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-table .wa-quiet td{color:var(--ov-muted)}
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-table td:last-child{white-space:nowrap}
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-share{display:inline-block;width:110px;height:6px;margin-right:10px;border-radius:4px;background:var(--wa-soft);vertical-align:middle;overflow:hidden}
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-share i{display:block;height:100%;border-radius:4px;background:var(--tone,var(--ov-accent))}
html body.product-support :is(#section-support-stats,#section-support-diagnostics,#section-support-overview) button.wa-num{padding:2px 6px!important;margin:0 -6px 0 0!important;min-height:0!important;border:0!important;border-radius:6px!important;background:none!important;box-shadow:none!important;color:var(--ov-accent)!important;font:inherit!important;font-weight:650!important;cursor:pointer;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--ov-accent) 35%,transparent);text-underline-offset:3px}
html body.product-support :is(#section-support-stats,#section-support-diagnostics,#section-support-overview) button.wa-num:hover{background:color-mix(in srgb,var(--ov-accent) 10%,transparent)!important}
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-num-zero{font-weight:600;color:var(--ov-muted)}
/* График по дням */
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 8px;font-size:12px;color:var(--ov-text)}
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-legend-note{color:var(--ov-muted)}
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-chart{display:block;width:100%;height:auto;overflow:visible}
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-chart .wa-grid{stroke:var(--ov-line);stroke-width:1}
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-chart .wa-ax{font-size:11px;fill:var(--ov-muted)}
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-chart .wa-hit{fill:transparent}
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-chart g:hover .wa-hit{fill:var(--wa-soft)}
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-c{fill:var(--wa-c);background:var(--wa-c)}
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-d{fill:var(--ov-accent);background:var(--ov-accent)}
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-h{fill:var(--ov-purple);background:var(--ov-purple)}
/* Свёрнутые блоки */
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-fold{margin-top:12px}
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-fold>summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--ov-accent);padding:4px 0;list-style-position:inside}
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-fold[open]>summary{margin-bottom:8px}
html body.product-support :is(#section-support-stats,#section-support-diagnostics) details.wa-method{padding:14px 18px;margin:0 0 16px}
:is(#section-support-stats,#section-support-diagnostics) .wa-method>summary{font-size:14px;color:var(--ov-text)}
:is(#section-support-stats,#section-support-diagnostics) .wa-method-list{display:grid;gap:10px;margin:4px 0 0}
:is(#section-support-stats,#section-support-diagnostics) .wa-method-list>div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:4px 16px}
:is(#section-support-stats,#section-support-diagnostics) .wa-method-list dt{font-size:12px;font-weight:650;color:var(--ov-text)}
:is(#section-support-stats,#section-support-diagnostics) .wa-method-list dd{margin:0;font-size:12px;line-height:1.55;color:var(--ov-muted)}
/* Скорость: три числа одной строкой чипами */
:is(#section-support-stats,#section-support-diagnostics) .wa-speed{display:flex;flex-wrap:wrap;gap:6px}
:is(#section-support-stats,#section-support-diagnostics) .wa-stat{display:inline-flex;align-items:baseline;gap:6px;padding:4px 11px;border:1px solid var(--ov-line);border-radius:99px;font-size:12px;color:var(--ov-muted);white-space:nowrap}
:is(#section-support-stats,#section-support-diagnostics) .wa-stat>span{font-size:12px;color:var(--ov-muted)}
:is(#section-support-stats,#section-support-diagnostics) .wa-stat b{font-size:14px;font-weight:700;color:var(--ov-text);font-variant-numeric:tabular-nums}
:is(#section-support-stats,#section-support-diagnostics) .wa-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* Ширина */
@media (max-width:760px){
 html body.product-support :is(#section-support-stats,#section-support-diagnostics) .wa-filters .wa-excel{margin-left:0}
 :is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-share{display:none}
 :is(#section-support-stats,#section-support-diagnostics) .wa-method-list>div{grid-template-columns:1fr}
 :is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-table th,:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-table td{padding:10px 6px}
}
@media (max-width:560px){
 html body.product-support :is(#section-support-stats,#section-support-diagnostics) .wa-strip.c-card{padding:10px 14px!important}
 html body.product-support #section-support-stats .wa-kpis>.wm-metric{padding:8px 10px!important}
 html body.product-support #section-support-stats .wa-kpis .c-value{font-size:20px!important}
 html body.product-support :is(#section-support-stats,#section-support-diagnostics) .wa-filters .wa-pick{flex:1 1 100%}
 html body.product-support :is(#section-support-stats,#section-support-diagnostics) .wa-filters .wa-pick select{flex:1 1 auto;max-width:none}
 html body.product-support :is(#section-support-stats,#section-support-diagnostics) .wa-filters select{max-width:100%;flex:1 1 100%}
 :is(#section-support-stats,#section-support-diagnostics) .wa-filters .wn-seg{flex-wrap:wrap;max-width:100%}
 html body.product-support :is(#section-support-stats,#section-support-diagnostics) .wa-filters .wn-seg button{white-space:nowrap}
 :is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-table{font-size:12px}
 :is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-table th,:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-table td{padding:9px 4px}
 :is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-table thead th{letter-spacing:0;text-transform:none;hyphens:auto;overflow-wrap:anywhere}
 :is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-table .wa-sub th{padding-left:20px}
}
/* Печать / PDF: только эта страница, без меню и кнопок */
@media print{
 html.wa-print #topbar,html.wa-print .style1-topline,html.wa-print #operatorsTabs,html.wa-print #wm-status,html.wa-print #wm-dialog,
 html.wa-print #dashboard>:not(.wa-printing),html.wa-print :is(#section-support-stats,#section-support-diagnostics) .layout-tabs,html.wa-print :is(#section-support-stats,#section-support-diagnostics) .wa-noprint{display:none!important}
 html.wa-print body,html.wa-print .page-wrap,html.wa-print .app,html.wa-print .main-content-wrap,html.wa-print #dashboard{display:block!important;margin:0!important;padding:0!important;width:auto!important;max-width:none!important;min-height:0!important;overflow:visible!important;background:#fff!important;box-shadow:none!important;transform:none!important}
 html.wa-print :is(#section-support-stats,#section-support-diagnostics){display:block!important;margin:0!important;padding:0!important;width:auto!important;opacity:1!important}
 html.wa-print :is(#section-support-stats,#section-support-diagnostics) .c-card{box-shadow:none!important;break-inside:avoid}
 html.wa-print :is(#section-support-stats,#section-support-diagnostics) .wa-table-wrap{overflow:visible}
 html.wa-print :is(#section-support-stats,#section-support-diagnostics) .wa-fold>summary{color:var(--ov-text)}
 /* Печать из тёмной темы: белый лист, поэтому цвета светлой темы, иначе светлый текст на белом */
 html.wa-print body.style1.assistant-admin.theme-dark{--bg:#fff;--surface:#fff;--soft:#f7f9fa;--text:#1c2a35;--muted:#5f6e7a;--line:#dfe5eb;--accent:#087e78;--tint:#e9f6f3;--purple:#8771d4;--amber:#a67019;--red:#bd554c;color-scheme:light}
 html.wa-print body.product-support.theme-dark .support-shell{--ov-accent:#087e78;--ov-warn:#a67019;--ov-bad:#bd554c;--ov-purple:#8771d4;--ov-line:#dfe5eb;--ov-surface:#fff;--ov-text:#1c2a35;--ov-muted:#5f6e7a}
}
/* Доля: полоса и число всегда на одной линии, независимо от ширины числа */
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-pct{display:inline-block;min-width:52px;text-align:right}
/* Старое ограничение высоты графика (welcome-mvp.css) обрезало таблицу по дням */
:is(#section-support-stats,#section-support-diagnostics) #wm-stats-chart{max-height:none;overflow:visible}
/* 29.09: строки таблицы обычным регистром (общее правило панели делало th заглавными), вложенные строки с отступом */
html body :is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-table tbody th,html body :is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-table tbody th b,html body :is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-table tbody th small{text-transform:none!important;letter-spacing:0!important}
html body :is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-table tbody th b{font-size:13px}
html body :is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-table .wa-group th{text-transform:uppercase!important;letter-spacing:.4px!important}
html body :is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-table .wa-sub th{padding-left:34px}
html body :is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-table .wa-sub th b{font-size:12.5px}
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-chart{display:block;height:auto;max-height:240px}
:is(#section-support-stats,#section-support-diagnostics,#section-support-overview) .wa-chart .wa-ax{font-size:11px}
/* Периоды переносятся на узком экране, а не обрезаются */
:is(#section-support-stats,#section-support-diagnostics) .wn-seg,#section-support-diagnostics .wn-seg{flex-wrap:wrap}
/* 08.10: ряды «Не знал» и «👎» на графике, строка «К прошлой неделе», темы, нагрузка по часам */
:is(#section-support-stats,#section-support-overview) .wa-warn{fill:var(--ov-warn);background:var(--ov-warn)}
:is(#section-support-stats,#section-support-overview) .wa-bad{fill:var(--ov-bad);background:var(--ov-bad)}
#section-support-stats .wa-week{margin:0 0 10px;font-size:12px;color:var(--ov-muted)}
#section-support-stats .wa-block[hidden]{display:none!important}
#section-support-stats .wa-rate{white-space:nowrap}
#section-support-stats .wa-topics th small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:520px;overflow:hidden;white-space:normal}
html body.product-support #section-support-stats .wa-topics .wa-review{padding:4px 10px!important;min-height:0!important;font-size:12px!important;white-space:nowrap}
#section-support-stats .wa-hm-wrap{overflow-x:auto;max-width:100%}
#section-support-stats .wa-hm{display:grid;grid-template-columns:26px repeat(24,minmax(14px,1fr));gap:2px;min-width:420px;font-size:10px;color:var(--ov-muted)}
#section-support-stats .wa-hm-h{text-align:left;line-height:14px}
#section-support-stats .wa-hm-d{line-height:18px}
#section-support-stats .wa-hm-c{display:block;height:18px;border-radius:3px;background:color-mix(in srgb,var(--ov-accent) var(--a,0%),var(--wa-soft,var(--ov-line)))}
#section-support-stats .wa-facts{margin-top:12px}
/* «Качество и проблемы»: короткая карточка вместо списка пробелов базы знаний */
#section-support-diagnostics .wq-gaps-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px}
#section-support-diagnostics .wq-gaps-card p{margin:0;flex:1 1 320px;font-size:13px;line-height:1.5;color:var(--ov-muted)}
@media (max-width:560px){
 html body.product-support #section-support-stats .wa-kpis .c-value{font-size:19px!important}
 #section-support-stats .wa-topics th small{display:none}
}
/* 18.10: карточки «Результатов» заполняют ряд целиком, как в «Обзоре». Число карточек в data-n (welcome-mvp.js), ширина по самой полосе.
   Широко: все в один ряд; средне: по три (сетка из 6, остаток растягивается); узко: по две, последняя нечётная на всю ширину. */
html body.product-support #section-support-stats .wa-strip{container-type:inline-size}
html body.product-support #section-support-stats .wa-strip #wm-stats-metrics.wa-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}
html body.product-support #section-support-stats .wa-strip #wm-stats-metrics.wa-kpis>*{grid-column:span 2}
html body.product-support #section-support-stats .wa-strip #wm-stats-metrics.wa-kpis:is([data-n="1"],[data-n="7"])>:last-child{grid-column:1/-1}
html body.product-support #section-support-stats .wa-strip #wm-stats-metrics.wa-kpis[data-n="4"]>*{grid-column:span 3}
html body.product-support #section-support-stats .wa-strip #wm-stats-metrics.wa-kpis:is([data-n="2"],[data-n="5"],[data-n="8"])>:nth-last-child(-n+2){grid-column:span 3}
@container (min-width:900px){
 html body.product-support #section-support-stats .wa-strip #wm-stats-metrics.wa-kpis{grid-template-columns:repeat(var(--wa-n,6),minmax(0,1fr))}
 html body.product-support #section-support-stats .wa-strip #wm-stats-metrics.wa-kpis>*,html body.product-support #section-support-stats .wa-strip #wm-stats-metrics.wa-kpis[data-n]>*{grid-column:auto}
 #section-support-stats #wm-stats-metrics[data-n="1"]{--wa-n:1}#section-support-stats #wm-stats-metrics[data-n="2"]{--wa-n:2}#section-support-stats #wm-stats-metrics[data-n="3"]{--wa-n:3}#section-support-stats #wm-stats-metrics[data-n="4"]{--wa-n:4}
 #section-support-stats #wm-stats-metrics[data-n="5"]{--wa-n:5}#section-support-stats #wm-stats-metrics[data-n="7"]{--wa-n:7}#section-support-stats #wm-stats-metrics[data-n="8"]{--wa-n:8}
}
@container (max-width:519px){
 html body.product-support #section-support-stats .wa-strip #wm-stats-metrics.wa-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 html body.product-support #section-support-stats .wa-strip #wm-stats-metrics.wa-kpis>*,html body.product-support #section-support-stats .wa-strip #wm-stats-metrics.wa-kpis[data-n]>*{grid-column:auto}
 html body.product-support #section-support-stats .wa-strip #wm-stats-metrics.wa-kpis:is([data-n="1"],[data-n="3"],[data-n="5"],[data-n="7"])>:last-child{grid-column:1/-1}
}
/* Сравнение с прошлым периодом маленькой меткой: зелёная лучше, красная хуже, серая без изменений или без данных */
#section-support-stats .wa-delta{--tone:var(--ov-text);display:inline-flex;align-items:center;padding:1px 7px;border-radius:99px;font-size:11.5px;font-weight:650;line-height:1.5;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--tone);background:color-mix(in srgb,var(--tone) 12%,transparent)}
#section-support-stats .wa-delta.ok{--tone:var(--ov-accent)}
#section-support-stats .wa-delta.bad{--tone:var(--ov-bad)}
#section-support-stats .wa-delta.off{--tone:var(--ov-muted);font-weight:500;background:color-mix(in srgb,var(--ov-text) 6%,transparent)}
html body.product-support #section-support-stats .wa-kpis .wm-metric>.c-foot{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0}
#section-support-stats .wa-kpis .wa-foot-note{font-size:12px;color:var(--ov-muted)}
/* «К прошлому периоду (дд.мм–дд.мм)»: ряд чипов над графиком */
#section-support-stats .wa-week{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px;font-size:12px;color:var(--ov-muted)}
#section-support-stats .wa-week-head{flex:none;margin-right:2px;font-size:12px;font-weight:600;color:var(--ov-muted)}
#section-support-stats .wa-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 4px 3px 10px;border:1px solid var(--ov-line);border-radius:99px;background:var(--ov-surface);font-size:12px;color:var(--ov-muted);white-space:nowrap}
#section-support-stats .wa-chip>b{font-size:13px;font-weight:700;color:var(--ov-text);font-variant-numeric:tabular-nums}
#section-support-stats .wa-chip>b:last-child{margin-right:6px}
/* «Только приветствие»: знаменатель доли под числом */
/* Ячейка доли выровнена по центру: подпись шириной полосы с числом (110 + 10 + 52), правым краем под числом */
#section-support-stats .wa-table td small.wa-pct-base{width:172px;max-width:100%;margin:1px auto 0;text-align:right;white-space:nowrap}
@media (max-width:760px){
 #section-support-stats .wa-table td small.wa-pct-base{width:auto;margin-right:0;text-align:right;white-space:normal}
}
@media (max-width:560px){
 #section-support-stats .wa-week-head{flex:1 1 100%}
}