/* «Фитбейс Знания» (welcome-knowledge-core.js): блок в «Базе знаний», боковая панель #wkc-drawer, карточка для сетки
   «Подключений» и строки в «Базе знаний» (welcome-knowledge-next.js). Основа карточки и панели: классы wci-* из welcome-integration-ui.css.
   Цвета: токены --ov-* и --wk-* разделов Welcome, обе темы. */
#section-support-channels .wkc-chan{background:color-mix(in srgb,var(--ov-accent) 13%,var(--ov-surface));color:var(--ov-accent)}
#section-support-channels .wkc-card .wci-sub{overflow-wrap:anywhere}
#section-support-channels .wkc-card .wkc-nb{white-space:nowrap}
#section-support-channels .wkc-card-problem{margin:0;font-size:13px;font-weight:600;line-height:1.45;color:color-mix(in srgb,var(--ov-warn) 70%,var(--ov-text))}
#section-support-channels .wkc-card-problem.bad{color:var(--ov-bad)}

#wkc-drawer{--wkc-gap:14px}
#wkc-body>.wci-dsec:last-child{border-bottom:0;padding-bottom:0}
#wkc-drawer .wci-dsec p{margin:0;font-size:13px;line-height:1.5}
#wkc-drawer :is(.wkc-mode,.wkc-ready,.wkc-crit,.wkc-pill,.wkc-note).ok{--tone:var(--ov-accent)}
#wkc-drawer :is(.wkc-mode,.wkc-ready,.wkc-crit,.wkc-pill,.wkc-note).warn{--tone:var(--ov-warn)}
#wkc-drawer :is(.wkc-mode,.wkc-ready,.wkc-crit,.wkc-pill,.wkc-note,.wci-problem).bad{--tone:var(--ov-bad)}
#wkc-drawer .wci-problem.warn{--tone:var(--ov-warn)}

/* Подключение: шаги, факты, форма ключа */
#wkc-drawer .wkc-steps{margin:0;padding-left:20px;display:grid;gap:6px;font-size:13px;line-height:1.5}
#wkc-drawer .wkc-steps a,#wkc-drawer .wkc-foot a{color:var(--ov-accent);font-weight:600}
#wkc-drawer .wci-fact code{padding:1px 6px;border-radius:5px;background:var(--wk-soft);font-family:"JetBrains Mono",ui-monospace,monospace;font-size:12px}
#wkc-drawer .wkc-form{display:grid;gap:8px;min-width:0;margin:0;padding:14px;border:1px solid var(--ov-line);border-radius:12px;background:color-mix(in srgb,var(--ov-accent) 4%,var(--ov-surface))}
#wkc-drawer .wkc-label{font-size:13px;font-weight:650;color:var(--ov-text)}
#wkc-drawer .wkc-keyrow{display:flex;gap:8px;min-width:0}
#wkc-drawer .wkc-keyrow input{flex:1 1 auto;min-width:0;box-sizing:border-box;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:13px}
#wkc-drawer .wkc-keyrow .support-btn{flex:none}
#wkc-drawer .wkc-hint{display:block;font-size:12px;line-height:1.45;color:var(--ov-muted)}
#wkc-drawer .wkc-url{display:grid;gap:6px;min-width:0;margin:2px 0 4px}
#wkc-drawer .wkc-url summary{cursor:pointer;width:max-content;max-width:100%;font-size:12.5px;color:var(--ov-muted);overflow-wrap:anywhere}
#wkc-drawer .wkc-url summary b{font-weight:600;color:var(--ov-text)}
#wkc-drawer .wkc-url[open] summary{margin-bottom:4px}
#wkc-drawer .wkc-url input{width:100%;min-width:0;box-sizing:border-box}
#wkc-drawer .wkc-form .wci-dactions{margin-top:4px}

/* Режим */
#wkc-drawer .wkc-mode{--tone:var(--ov-muted);display:flex;gap:12px;align-items:flex-start;padding:12px 14px;
  border:1px solid color-mix(in srgb,var(--tone) 35%,var(--ov-line));border-left:4px solid var(--tone);border-radius:12px;background:color-mix(in srgb,var(--tone) 8%,var(--ov-surface))}
#wkc-drawer .wkc-mode .c-dot,#wkc-drawer .wkc-ready .c-dot{flex:none;width:11px;height:11px;margin-top:5px;border-radius:50%;background:var(--tone);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--tone) 18%,transparent)}
#wkc-drawer .wkc-mode>div{min-width:0}
#wkc-drawer .wkc-mode small{display:block;font-size:12px;color:var(--ov-muted)}
#wkc-drawer .wkc-mode strong{display:block;margin:2px 0 4px;font-size:20px;font-weight:700;line-height:1.2}
#wkc-drawer .wkc-mode p{font-size:13px;color:var(--ov-text)}

#wkc-drawer .wkc-list{display:grid;gap:0;margin:0}
#wkc-drawer .wkc-row{display:grid;grid-template-columns:minmax(120px,40%) minmax(0,1fr);gap:4px 12px;padding:8px 0;border-top:1px solid var(--ov-line)}
#wkc-drawer .wkc-row:first-child{border-top:0;padding-top:0}
#wkc-drawer .wkc-row dt{font-size:13px;color:var(--ov-muted)}
#wkc-drawer .wkc-row dd{margin:0;display:grid;gap:2px;min-width:0;font-size:13px;font-weight:600;overflow-wrap:anywhere}
#wkc-drawer .wkc-row dd small{font-size:12px;font-weight:400;color:var(--ov-muted)}

#wkc-drawer .wkc-note{--tone:var(--ov-accent);margin:0;padding:9px 12px;border-left:3px solid var(--tone);border-radius:8px;
  background:color-mix(in srgb,var(--tone) 8%,var(--ov-surface));font-size:13px;line-height:1.45;color:var(--ov-text)}

/* Отчёт тени */
#wkc-drawer .wkc-crits{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#wkc-drawer .wkc-crit{--tone:var(--ov-muted);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center;padding:12px;
  border:1px solid color-mix(in srgb,var(--tone) 35%,var(--ov-line));border-radius:12px;background:color-mix(in srgb,var(--tone) 5%,var(--ov-surface))}
#wkc-drawer .wkc-crit-name{display:grid;gap:2px;min-width:0}
#wkc-drawer .wkc-crit-name b{font-size:13px;font-weight:650}
#wkc-drawer .wkc-crit-name small{font-size:12px;color:var(--ov-muted)}
#wkc-drawer .wkc-crit-value{grid-column:1;font-size:15px;font-weight:700;overflow-wrap:anywhere}
#wkc-drawer .wkc-crit .wkc-pill{grid-column:2;grid-row:1 / span 2;align-self:center}
#wkc-drawer .wkc-pill{--tone:var(--ov-muted);display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;white-space:nowrap;font-size:12px;font-weight:650;
  color:var(--tone);background:color-mix(in srgb,var(--tone) 14%,transparent);border:1px solid color-mix(in srgb,var(--tone) 35%,transparent)}
#wkc-drawer .wkc-ready{--tone:var(--ov-muted);display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-radius:12px;
  border:1px solid color-mix(in srgb,var(--tone) 40%,var(--ov-line));background:color-mix(in srgb,var(--tone) 9%,var(--ov-surface))}
#wkc-drawer .wkc-ready .c-dot{margin-top:4px}
#wkc-drawer .wkc-ready b{color:var(--ov-text);font-size:14px;line-height:1.35}
#wkc-drawer .wkc-foot{font-size:12.5px!important;color:var(--ov-muted)}

/* Сообщение о результате */
#wkc-drawer .wkc-result{margin:0;padding:9px 12px;border-radius:10px;background:var(--wk-soft);font-size:13px;line-height:1.45;color:var(--ov-text);overflow-wrap:anywhere}
#wkc-drawer .wkc-result:empty{display:none}
html body.product-support #wkc-drawer .wkc-result.ok{background:color-mix(in srgb,var(--ov-accent) 10%,var(--ov-surface));color:var(--ov-text)!important}
html body.product-support #wkc-drawer .wkc-result.bad{background:color-mix(in srgb,var(--ov-bad) 9%,var(--ov-surface));color:var(--ov-bad)!important}
html body.product-support #wkc-drawer .support-btn:disabled{opacity:.5;cursor:not-allowed}
#wkc-drawer :is(.support-btn,a,input,summary):focus-visible{outline:2px solid var(--ov-accent);outline-offset:2px}
#section-support-channels .wkc-card :is(.support-btn,.wci-row-open):focus-visible{outline:2px solid var(--ov-accent);outline-offset:2px}

@media (max-width:640px){
  #wkc-drawer .wkc-crits{grid-template-columns:minmax(0,1fr)}
  #wkc-drawer .wkc-row{grid-template-columns:minmax(0,1fr)}
  #wkc-drawer .wkc-form{padding:12px}
  /* Цели нажатия от 44px: два id, чтобы перебить общие правила кнопок (welcome-polish.css). */
  html body.product-support :is(#section-support-channels,#section-support-rag) #wkc-drawer :is(.wci-dactions,.wci-danger-row) .support-btn{flex:1 1 100%;display:flex;justify-content:center;align-items:center;min-height:44px!important}
  html body.product-support :is(#section-support-channels,#section-support-rag) #wkc-drawer :is(.wkc-keyrow .support-btn,.wci-x){min-height:44px!important}
  html body.product-support :is(#section-support-channels,#section-support-rag) #wkc-drawer .wci-x{width:44px;height:44px}
  html body.product-support :is(#section-support-channels,#section-support-rag) #wkc-drawer :is(.wkc-keyrow input,.wkc-url input){min-height:44px!important}
  html body.product-support :is(#section-support-channels,#section-support-rag) #wkc-drawer .wkc-url summary{padding:12px 0;line-height:20px}
  html body.product-support #section-support-channels #wkc-card-slot .wci-card-actions .support-btn{flex:1 1 auto;justify-content:center;min-height:44px!important}
}

/* «База знаний» в режиме on: справку приносит Фитбейс Знания (welcome-knowledge-next.js) */
.wkc-core-hidden{display:none!important}
.wkc-kb-note{margin:0 0 12px;padding:10px 12px;border-left:3px solid var(--ov-accent);border-radius:8px;background:color-mix(in srgb,var(--ov-accent) 8%,var(--ov-surface));font-size:13px;line-height:1.5;color:var(--ov-text)}
.wkc-kb-note a{color:var(--ov-accent);font-weight:600}
/* «База знаний» в on: плашка «Все знания бота хранятся в Фитбейс Знания» над сводкой и подпись плиток разделов. */
html body.product-support #section-support-rag .wkc-kb-banner{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 0 12px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--ov-accent) 35%,var(--ov-line));border-left:4px solid var(--ov-accent);border-radius:12px;background:color-mix(in srgb,var(--ov-accent) 8%,var(--ov-surface));color:var(--ov-text)}
html body.product-support #section-support-rag .wkc-kb-banner[hidden]{display:none}
.wkc-kb-banner-text{flex:1 1 320px;min-width:0;margin:0;font-size:13.5px;line-height:1.5;overflow-wrap:anywhere}
.wkc-kb-banner-links{display:flex;flex-wrap:wrap;gap:8px}
.wkc-kb-banner-links .support-btn{text-decoration:none}
/* Администратору плашка становится блоком «Фитбейс Знания» (#wkc-kb-slot, welcome-knowledge-core.js): рамку рисует сам блок
   по состоянию. Всё хорошо: строка с галочкой и «Подробнее». Проблема: красная (bad) или жёлтая (warn) рамка, заголовок,
   пояснение, шаги «Создать ключ» и «Вставьте его сюда», ссылка «Подробнее». */
html body.product-support #section-support-rag .wkc-kb-banner.wkc-kb-connection{display:block;padding:0;border:0;background:none}
#wkc-kb-slot{min-width:0}
.wkc-kb-in{--tone:var(--ov-muted);min-width:0;box-sizing:border-box;padding:12px 16px;border:1px solid color-mix(in srgb,var(--tone) 35%,var(--ov-line));border-left:4px solid var(--tone);border-radius:12px;background:color-mix(in srgb,var(--tone) 7%,var(--ov-surface));color:var(--ov-text)}
.wkc-kb-in.ok{--tone:var(--ov-accent)}
.wkc-kb-in.warn{--tone:var(--ov-warn)}
.wkc-kb-in.bad{--tone:var(--ov-bad)}
.wkc-kb-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.wkc-kb-line{margin:0;font-size:13.5px;line-height:1.5;overflow-wrap:anywhere}
.wkc-kb-okline{flex:1 1 280px;min-width:0;display:flex;align-items:flex-start;gap:10px}
.wkc-kb-mark{flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--ov-accent);color:var(--ov-surface)}
.wkc-kb-dot{flex:none;width:9px;height:9px;margin:6px 6px 0;border-radius:50%;background:var(--tone)}
.wkc-kb-more-btn{flex:none;text-decoration:none;white-space:nowrap}
.wkc-kb-alert{display:grid;gap:10px}
.wkc-kb-title{margin:0;font-size:16px;font-weight:700;line-height:1.35;color:var(--ov-text);overflow-wrap:anywhere}
.wkc-kb-alert .wkc-kb-title{color:color-mix(in srgb,var(--tone) 70%,var(--ov-text))}
.wkc-kb-form{margin:0;min-width:0}
.wkc-kb-steps{margin:0;padding-left:22px;display:grid;gap:10px;font-size:13.5px;line-height:1.5}
.wkc-kb-steps li{min-width:0}
.wkc-kb-create{color:var(--ov-accent);font-weight:650}
.wkc-kb-label{display:block;margin-bottom:6px;font-weight:650;color:var(--ov-text)}
.wkc-kb-keyrow{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.wkc-kb-keyrow input{flex:1 1 220px;min-width:0;max-width:420px;box-sizing:border-box;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:13px}
.wkc-kb-keyrow .support-btn{flex:none}
html body.product-support #wkc-kb-slot .support-btn:disabled{opacity:.5;cursor:not-allowed}
#wkc-kb-slot .wkc-result{flex:1 1 100%;margin:0;padding:8px 12px;border-radius:10px;background:var(--wk-soft);font-size:13px;line-height:1.45;color:var(--ov-text);overflow-wrap:anywhere}
#wkc-kb-slot .wkc-result:empty{display:none}
html body.product-support #wkc-kb-slot .wkc-result.ok{background:color-mix(in srgb,var(--ov-accent) 10%,var(--ov-surface));color:var(--ov-text)!important}
html body.product-support #wkc-kb-slot .wkc-result.bad{background:color-mix(in srgb,var(--ov-bad) 9%,var(--ov-surface));color:var(--ov-bad)!important}
.wkc-kb-foot{display:flex;justify-content:flex-start}
.wkc-kb-more{padding:0;border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--ov-accent);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#wkc-kb-slot :is(.support-btn,a,input,.wkc-kb-more):focus-visible{outline:2px solid var(--ov-accent);outline-offset:2px}
/* «Для администратора: версии и откат» в боковой панели: свёрнуто по умолчанию */
#wkc-drawer .wkc-admin{display:grid;gap:0;min-width:0;border-top:1px solid var(--ov-line);padding-top:12px}
#wkc-drawer .wkc-admin>summary{cursor:pointer;font-size:13.5px;font-weight:650;color:var(--ov-text);padding:4px 0}
#wkc-drawer .wkc-admin[open]>summary{margin-bottom:8px}
#wkc-drawer .wkc-admin>summary:focus-visible{outline:2px solid var(--ov-accent);outline-offset:2px}
#wkb-state .wk-tile>small.wkc-tile-from{color:var(--ov-accent);font-weight:600}
.wkc-kb-result{margin:6px 0 0;font-size:13px;line-height:1.45;color:var(--ov-text)}
.wkc-kb-result.bad{color:var(--ov-bad)}
.wkc-kb-result:empty{display:none}
@media (max-width:640px){
  html body.product-support #section-support-rag :is(#wkb-sync-line,#wkb-sync) [data-wkb-sync]{min-height:44px!important}
  .wkc-kb-banner-text{flex-basis:100%}
  .wkc-kb-banner-links{width:100%}
  .wkc-kb-banner-links .support-btn{flex:1 1 140px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .wkc-kb-in{padding:12px}
  .wkc-kb-steps{padding-left:18px}
  .wkc-kb-keyrow input{flex-basis:100%;max-width:100%}
  .wkc-kb-keyrow .support-btn{flex:1 1 120px}
  html body.product-support #section-support-rag #wkc-kb-slot :is(.support-btn,.wkc-kb-keyrow input){min-height:44px!important;box-sizing:border-box}
  html body.product-support #section-support-rag #wkc-kb-slot .support-btn{display:inline-flex;align-items:center;justify-content:center}
  html body.product-support #section-support-rag #wkc-kb-slot .wkc-kb-more-btn{flex:1 1 100%}
  html body.product-support #section-support-rag #wkc-kb-slot .wkc-kb-more{min-height:44px;display:inline-flex;align-items:center}
  html body.product-support :is(#section-support-channels,#section-support-rag) #wkc-drawer .wkc-admin>summary{padding:12px 0;line-height:20px}
}

/* «Модель ответов»: блок «Знания для ответов» под «Режимом модели» */
#sm-knowledge .wkc-models-row{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 14px;border:1px solid var(--ov-line);border-radius:12px;background:var(--ov-surface);--tone:var(--ov-muted)}
#sm-knowledge .wkc-models-row.ok{--tone:var(--ov-accent)}
#sm-knowledge .wkc-models-row.warn{--tone:var(--ov-warn)}
#sm-knowledge .wkc-models-row.bad{--tone:var(--ov-bad)}
#sm-knowledge .wkc-models-dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--tone)}
#sm-knowledge .wkc-models-text{flex:1 1 auto;min-width:0;font-size:14px;line-height:1.5;color:var(--ov-text);overflow-wrap:anywhere}
#sm-knowledge .wkc-models-text small{display:block;font-size:12.5px;color:var(--ov-muted)}
#sm-knowledge .wkc-models-text .wkc-models-problem{color:color-mix(in srgb,var(--tone) 75%,var(--ov-text));font-weight:600}
#sm-knowledge .wkc-models-link{flex:none;text-decoration:none}
@media (max-width:640px){#sm-knowledge .wkc-models-row{flex-wrap:wrap}#sm-knowledge .wkc-models-link{width:100%;min-height:44px;display:inline-flex;align-items:center;justify-content:center}}