/* «Здоровье бота»: полоса над разделами (кроме «Обзора») и точки в меню. Цвета как у «Обзора». */
:root{--wh-bad:#bd554c;--wh-warn:#a67019;--wh-ok:#087e78;--wh-line:#dce5eb;--wh-surface:#fff;--wh-text:#18232d;--wh-muted:#5f6f7c}
body.theme-dark{--wh-bad:#f0958c;--wh-warn:#e4b86d;--wh-ok:#57cbbb;--wh-line:#2a3a48;--wh-surface:#16212b;--wh-text:#e6edf3;--wh-muted:#9aabb8}
.whb{--tone:var(--wh-ok)}.whb.bad,.whb li.bad{--tone:var(--wh-bad)}
.whb.warn,.whb li.warn{--tone:var(--wh-warn)}

.whb{position:sticky;top:0;z-index:30;margin:0 0 14px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--tone) 45%,var(--wh-line));
  border-left:4px solid var(--tone);border-radius:12px;background:color-mix(in srgb,var(--tone) 10%,var(--wh-surface));color:var(--wh-text);
  box-shadow:0 6px 18px color-mix(in srgb,var(--wh-text) 8%,transparent)}
.whb[hidden]{display:none!important}
.whb-dot{display:inline-block;flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--tone)}
.whb-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.whb-text{flex:1 1 260px;min-width:0;font-size:14px;line-height:1.35}
.whb-text b{color:var(--tone)}
.whb-more{padding:2px 4px;border:0;background:none;font:inherit;font-size:13px;color:var(--wh-muted);text-decoration:underline;cursor:pointer}
.whb-more:hover{color:var(--wh-text)}
.whb .whb-go{white-space:nowrap}
.whb-list{list-style:none;margin:10px 0 0;padding:10px 0 0;display:grid;gap:8px;border-top:1px solid color-mix(in srgb,var(--tone) 25%,var(--wh-line))}
.whb-list[hidden]{display:none}
.whb-list li{display:flex;align-items:flex-start;gap:10px}
.whb-list li .whb-dot{margin-top:6px}
.whb-list li>span{flex:1 1 auto;min-width:0;display:grid;gap:2px}
.whb-list strong{font-size:14px;font-weight:600}
.whb-list small{font-size:12.5px;color:var(--wh-muted);line-height:1.4}
.whb-list .whb-item-go{flex:0 0 auto;white-space:nowrap}

/* Точка в меню слева: меню тёмное в обеих темах. */
html body.product-support #operatorsTabs .seg-tab{position:relative}
.whb-badge{position:absolute;top:50%;right:10px;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#e4b86d;box-shadow:0 0 0 3px #141e28}
.whb-badge.bad{background:#f0958c}

@media (max-width:719px){.whb{border-radius:10px;padding:9px 12px}.whb .whb-go{width:100%}.whb-list li{flex-wrap:wrap}.whb-list .whb-item-go{margin-left:19px}}

/* Одна ширина с содержимым страниц Welcome: полоса внимания и строка навигации до 1440 px, тот же левый край. */
html body.product-support .main-content-wrap>:is(.style1-topline,.whb){box-sizing:border-box;width:100%;max-width:1440px;margin-left:auto!important;margin-right:auto!important}
/* Широкий экран: область справа от меню на всю ширину, разделы и верхняя строка по центру (до 1440px). */
html body.style1.assistant-admin.product-support .main-content-wrap.main-content-wrap{max-width:none!important}
html body.style1.assistant-admin.product-support.welcome-layout-v2 #dashboard#dashboard>.support-shell.support-shell{margin-left:auto!important;margin-right:auto!important}
html body.style1.assistant-admin.product-support.welcome-layout-v2 .main-content-wrap.main-content-wrap>:is(.style1-topline,.whb){margin-left:auto!important;margin-right:auto!important}
/* «Диалоги» и «Передано людям» идут на всю ширину: верхняя строка и полоса внимания тоже, с тем же левым краем, что у раздела. */
html body.style1.assistant-admin.product-support .main-content-wrap.main-content-wrap:has(>#dashboard>:is(#section-support-dialogs,#section-support-handoff):not([style*="none"]))>:is(.style1-topline,.whb){max-width:none;margin-left:0!important;margin-right:0!important}

/* «Модель и квота» (WelcomeHealth.modelQuotaHtml): одна строка на «Разборе ответов» и в «Тестировании». */
.support-shell .wmq{--tone:var(--ov-accent);display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:8px 0 0;padding:8px 12px;
  border:1px solid color-mix(in srgb,var(--tone) 30%,var(--ov-line));border-left:3px solid var(--tone);border-radius:10px;
  background:color-mix(in srgb,var(--tone) 6%,var(--ov-surface));font-size:12.5px;line-height:1.45;color:var(--ov-muted)}
.support-shell .wmq.ok{--tone:var(--ov-ok)}.support-shell .wmq.warn{--tone:var(--ov-warn)}.support-shell .wmq.bad{--tone:var(--ov-bad)}
.support-shell .wmq>span{flex:1 1 220px;min-width:0;overflow-wrap:anywhere}
.support-shell .wmq b{font-weight:650;color:var(--ov-text)}
.support-shell .wmq .whb-dot{background:var(--tone)}
.support-shell .wmq .wmq-go{flex:none;padding:0;border:0;background:none;font:inherit;font-size:12.5px;color:var(--ov-accent);text-decoration:underline;cursor:pointer}
.support-shell .wr-model[hidden]{display:none}