/* Общие элементы страниц Welcome в стиле рабочего пространства Ассистента.
   Токены и компоненты для всех разделов .support-shell; страницы добавляют только своё. */
html body.product-support :is(.support-shell,.wc-layer){--ov-accent:#087e78;--ov-warn:#a67019;--ov-bad:#bd554c;--ov-purple:#8771d4;
  --ov-ok:var(--color-success);--ov-blue:#3f8fd2;--ov-green:#2f8f6a;--ov-line:var(--color-border);
  --ov-surface:var(--color-surface);--ov-text:var(--color-text);--ov-muted:var(--color-text-muted);--r-l:16px;
  --sh-1:0 1px 2px color-mix(in srgb,var(--ov-text) 5%,transparent),0 6px 20px color-mix(in srgb,var(--ov-text) 6%,transparent);
  --sh-2:0 2px 4px color-mix(in srgb,var(--ov-text) 6%,transparent),0 12px 32px color-mix(in srgb,var(--ov-text) 10%,transparent)}
html body.product-support.theme-dark :is(.support-shell,.wc-layer){--ov-accent:#57cbbb;--ov-warn:#e4b86d;--ov-bad:#f0958c;--ov-purple:#b39bf4;--ov-blue:#7fb6e8;--ov-green:#6fcf9f}
.support-shell .ok{--tone:var(--ov-accent)}.support-shell .warn{--tone:var(--ov-warn)}.support-shell .bad{--tone:var(--ov-bad)}
.support-shell .off{--tone:var(--ov-muted)}.support-shell .purple{--tone:var(--ov-purple)}
/* Шапка страницы */
html body.product-support .support-shell>.section-head.wn-head{min-height:0!important;padding:4px 2px 0!important;margin-bottom:12px!important;background:none!important;border:0!important;box-shadow:none!important;display:flex!important;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
html body.product-support .support-shell>.section-head.wn-head::after{display:none!important}
html body.product-support .support-shell>.section-head.wn-head h2{font-weight:750!important;letter-spacing:-.6px;margin:0}
html body.product-support .support-shell>.section-head.wn-head p{font-size:12px!important;margin:4px 0 0;color:var(--ov-muted)}
.wn-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
/* Подсказка «Что здесь делать» */
.wn-help{display:grid;grid-template-columns:auto 1fr 1fr;gap:6px 18px;align-items:start;padding:12px 16px;margin:0 0 16px;border:1px solid color-mix(in srgb,var(--ov-accent) 30%,var(--ov-line));border-radius:12px;background:color-mix(in srgb,var(--ov-accent) 5%,var(--ov-surface));font-size:12px;color:var(--ov-muted)}
.wn-help>b:first-child{color:var(--ov-text);white-space:nowrap}
.wn-help b{color:var(--ov-text)}
/* Сегменты */
.support-shell .wn-seg{display:inline-flex;flex-wrap:wrap;align-items:center;gap:2px;padding:3px;border:1px solid var(--ov-line);border-radius:10px;background:var(--ov-surface)}
.support-shell .wn-seg>span{padding:0 8px 0 6px;font-size:12px;color:var(--ov-muted)}
html body.product-support .support-shell .wn-seg button{border:0!important;background:none!important;padding:6px 12px!important;border-radius:8px!important;font-size:12px!important;color:var(--ov-muted)!important;cursor:pointer;box-shadow:none!important;min-height:0!important}
html body.product-support .support-shell .wn-seg button:hover{color:var(--ov-text)!important}
html body.product-support .support-shell .wn-seg button[aria-pressed=true]{background:#141e28!important;color:#fff!important;font-weight:650!important}
html body.product-support.theme-dark .support-shell .wn-seg button[aria-pressed=true]{background:var(--ov-accent)!important;color:#10231f!important}
/* Карточки и цифры */
.support-shell .c-card{background:var(--ov-surface);border:1px solid var(--ov-line);border-radius:var(--r-l);box-shadow:var(--sh-1);min-width:0;transition:box-shadow .2s}
.support-shell .c-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}
.support-shell .wn-kpi{padding:18px 20px;border-top:3px solid color-mix(in srgb,var(--tone,var(--ov-accent)) 55%,var(--ov-line))!important}
.support-shell .wn-kpi-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:600;color:var(--ov-muted)}
.support-shell .c-ico{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:color-mix(in srgb,var(--tone,var(--ov-accent)) 13%,var(--ov-surface));color:var(--tone,var(--ov-accent));flex:none}
.support-shell .c-ico svg{width:17px;height:17px}
.support-shell .c-value{font-size:34px;line-height:1;font-weight:700;letter-spacing:-1.2px;font-variant-numeric:tabular-nums;margin:14px 0 10px;color:var(--color-text-strong,var(--ov-text))}
.support-shell .c-foot{margin:0;font-size:12px;color:var(--ov-muted)}
.support-shell .c-dot{width:8px;height:8px;border-radius:50%;background:var(--tone,var(--ov-accent));display:inline-block;flex:none}
.support-shell .c-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:99px;font-size:12px;font-weight:650;color:var(--tone,var(--ov-accent));background:color-mix(in srgb,var(--tone,var(--ov-accent)) 12%,var(--ov-surface));white-space:nowrap}
.support-shell .wn-box{padding:18px 20px;margin-bottom:16px}
.support-shell .wn-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.support-shell .wn-title h3{margin:0;font-size:15px;font-weight:700;letter-spacing:-.2px}
.support-shell .wn-title small,.support-shell .wn-muted{color:var(--ov-muted);font-size:12px}
/* Строка состояния */
.support-shell .wn-status{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:14px 18px;margin-bottom:16px;border:1px solid color-mix(in srgb,var(--tone) 35%,var(--ov-line));border-radius:14px;background:color-mix(in srgb,var(--tone) 7%,var(--ov-surface))}
.support-shell .wn-status b{font-size:15px}
.support-shell .wn-status span{font-size:12px;color:var(--ov-muted)}
/* Таблица-журнал */
.support-shell .wn-table{display:grid;gap:0;border-top:1px solid var(--ov-line)}
.support-shell .wn-thead,.support-shell .wn-row{display:grid;grid-template-columns:132px minmax(0,1.6fr) minmax(0,1.2fr) minmax(0,1fr) 16px;gap:14px;align-items:center;padding:10px 6px}
.support-shell .wn-thead{font-size:11px;font-weight:650;letter-spacing:.8px;text-transform:uppercase;color:var(--ov-muted);border-bottom:1px solid var(--ov-line)}
html body.product-support .support-shell button.wn-row{width:100%;text-align:left;border:0!important;border-bottom:1px solid var(--ov-line)!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:inherit;cursor:pointer;font:inherit}
html body.product-support .support-shell button.wn-row:hover{background:color-mix(in srgb,var(--ov-text) 3%,transparent)!important}
.support-shell .wn-row b{display:block;font-size:13px;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.support-shell .wn-row small{display:block;font-size:12px;color:var(--ov-muted);margin-top:2px}
.support-shell .wn-row .wn-sig{color:var(--ov-warn)}
.support-shell .wn-row>i{font-style:normal;color:var(--ov-muted)}
.support-shell .wn-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}
html body.product-support .support-shell .wn-filters input[type=search]{height:34px!important;min-width:240px!important;flex:1 1 240px!important;max-width:360px!important;padding:0 10px;border:1px solid var(--ov-line);border-radius:8px;background:var(--ov-surface);color:var(--ov-text);font:inherit;font-size:12px}
.support-shell .wn-filters label{font-size:12px;color:var(--ov-muted);display:flex;align-items:center;gap:6px}
@media (max-width:1100px){.support-shell .c-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.wn-help{grid-template-columns:1fr}}
/* Телефон: карточки 2×2; строка журнала в одну колонку, стрелка справа на всю высоту строки */
@media (max-width:760px){.support-shell .c-grid4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .support-shell :is(.wn-kpi,.wov2-kpi){padding:12px 14px}
 .support-shell :is(.wn-kpi,.wov2-kpi) .c-value{font-size:26px;letter-spacing:-.8px;margin:10px 0 6px}
 .support-shell :is(.wn-kpi-head,.wov2-kpi-head){align-items:flex-start;gap:6px}
 .support-shell :is(.wn-kpi,.wov2-kpi) .c-ico{width:28px;height:28px;border-radius:8px}
 .support-shell .wn-thead{display:none}.support-shell .wn-row{grid-template-columns:minmax(0,1fr) 16px;gap:4px 10px;align-items:start}
 .support-shell .wn-row>:not(i){grid-column:1;min-width:0}
 .support-shell .wn-row>i{grid-column:2;grid-row:1 / span 4;align-self:center}}
/* Два блока в ряд и таблица этапов */
.support-shell .wn-row2{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px}
.support-shell .wn-row2>.c-card{margin-bottom:16px}
.support-shell .wn-stages{display:grid;border-top:1px solid var(--ov-line);margin-bottom:10px}
.support-shell .wn-stage{display:grid;grid-template-columns:minmax(0,1.8fr) repeat(3,minmax(0,.7fr));gap:10px;padding:9px 4px;border-bottom:1px solid var(--ov-line);font-size:13px;font-variant-numeric:tabular-nums}
.support-shell .wn-stage.head{font-size:11px;font-weight:650;letter-spacing:.8px;text-transform:uppercase;color:var(--ov-muted)}
.support-shell .wn-stage.slow{background:color-mix(in srgb,var(--ov-warn) 8%,transparent)}
.support-shell .wn-stage.slow span:first-child{font-weight:650}
.support-shell .wov2-bars{width:100%;height:170px;display:block}
.support-shell .wov2-bars text{font-size:10px;fill:var(--ov-muted)}
.support-shell .wov2-bars .grid line{stroke:var(--ov-line)}
.support-shell .wov2-legend{display:flex;gap:16px;font-size:12px;color:var(--ov-muted);margin:-4px 0 8px}
.support-shell .wov2-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:middle}
.support-shell .b-in{fill:var(--ov-accent);background:var(--ov-accent)}.support-shell .b-hand{fill:var(--ov-purple);background:var(--ov-purple)}
@media (max-width:1100px){.support-shell .wn-row2{grid-template-columns:1fr}}
/* Диалоги и передача оператору */
:is(#section-support-dialogs,#section-support-handoff) .wn-help{margin-bottom:12px}
#section-support-dialogs .panel-dialog-filters.wn-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 12px;padding:12px 16px!important;margin:0 0 12px!important}
#section-support-dialogs .panel-dialog-filters.wn-filters label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--ov-muted)}
html body.product-support #section-support-dialogs .panel-dialog-filters input{height:34px!important;padding:0 10px!important;border:1px solid var(--ov-line)!important;border-radius:8px!important;background:var(--ov-surface)!important;font-size:12px!important}
#section-support-dialogs .panel-dialog-filters>small{flex-basis:100%;font-size:11px;color:var(--ov-muted)}
#section-support-dialogs .panel-dialog-filters .wn-seg{margin-right:auto}
:is(#section-support-dialogs,#section-support-handoff) .support-workspace{gap:16px!important}
:is(#section-support-dialogs,#section-support-handoff) .support-pane{border:1px solid var(--ov-line)!important;border-radius:16px!important;background:var(--ov-surface)!important;box-shadow:var(--sh-1)!important}
html body.product-support :is(#section-support-dialogs,#section-support-handoff) .support-row{border:0!important;border-bottom:1px solid var(--ov-line)!important;border-radius:0!important;background:none!important;box-shadow:none!important;padding:12px 14px!important;display:grid!important;grid-template-columns:1fr auto;gap:10px}
html body.product-support :is(#section-support-dialogs,#section-support-handoff) .support-row:hover{background:color-mix(in srgb,var(--ov-text) 3%,transparent)!important}
html body.product-support :is(#section-support-dialogs,#section-support-handoff) .support-row.active{background:color-mix(in srgb,var(--ov-accent) 8%,var(--ov-surface))!important;box-shadow:inset 3px 0 var(--ov-accent)!important}
:is(#section-support-dialogs,#section-support-handoff) .support-row h3{font-size:14px!important;font-weight:650!important;margin:0 0 2px!important}
:is(#section-support-dialogs,#section-support-handoff) .support-row p{font-size:12px!important;color:var(--ov-muted)!important;margin:4px 0 0!important;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
:is(#section-support-dialogs,#section-support-handoff) .support-row small{font-size:11px;color:var(--ov-muted)}
html body.product-support :is(#section-support-dialogs,#section-support-handoff) .support-pill{border:0!important;border-radius:99px!important;padding:3px 9px!important;font-size:11px!important;font-weight:650!important;white-space:nowrap;color:var(--ov-muted)!important;background:color-mix(in srgb,var(--ov-text) 6%,var(--ov-surface))!important}
html body.product-support :is(#section-support-dialogs,#section-support-handoff) .support-pill.support-state-handoff{color:var(--ov-purple)!important;background:color-mix(in srgb,var(--ov-purple) 13%,var(--ov-surface))!important}
html body.product-support :is(#section-support-dialogs,#section-support-handoff) .support-pill.support-state-operator{color:var(--ov-warn)!important;background:color-mix(in srgb,var(--ov-warn) 13%,var(--ov-surface))!important}
html body.product-support :is(#section-support-dialogs,#section-support-handoff) .support-pill.support-state-open{color:var(--ov-accent)!important;background:color-mix(in srgb,var(--ov-accent) 12%,var(--ov-surface))!important}
:is(#section-support-dialogs,#section-support-handoff) .support-conversation-head h3{font-size:17px!important;font-weight:700!important;letter-spacing:-.3px}
/* Разговоры и источники в переписке */
.wn-episode{display:flex;align-items:center;gap:10px;margin:14px 0 10px;font-size:11px;font-weight:650;letter-spacing:.6px;text-transform:uppercase;color:var(--ov-muted)}
.wn-episode::before,.wn-episode::after{content:"";flex:1;height:1px;background:var(--ov-line)}
.wn-older{margin:4px 0 8px;border:1px dashed var(--ov-line);border-radius:10px;padding:8px 12px;background:color-mix(in srgb,var(--ov-text) 2%,transparent)}
.wn-older>summary{cursor:pointer;font-size:12px;color:var(--ov-accent);font-weight:600}
html body.product-support .support-message-group details.dialog-answer-evidence{border-style:solid!important;padding:8px 12px!important}
details.dialog-answer-evidence>summary{cursor:pointer;font-size:12px;color:var(--ov-muted);list-style:none}
details.dialog-answer-evidence>summary::before{content:"▸ ";color:var(--ov-accent)}
details.dialog-answer-evidence[open]>summary::before{content:"▾ "}
details.dialog-answer-evidence>summary b{color:var(--ov-text)}
/* Фильтры диалогов: статусы строкой, поля второй строкой; галочка в строку */
#section-support-dialogs .panel-dialog-filters .wn-seg{flex-basis:100%;margin-right:0;width:max-content;max-width:100%}
#section-support-dialogs .panel-dialog-filters label:has(input[type=checkbox]){flex-direction:row!important;align-items:center;gap:6px;font-size:12px!important;color:var(--ov-text)!important;align-self:center}
html body.product-support #section-support-dialogs .panel-dialog-filters input[type=checkbox]{height:16px!important;width:16px!important;padding:0!important;border-radius:4px!important}
#section-support-dialogs .panel-dialog-filters>small{flex-basis:auto;margin-left:auto;align-self:center}
/* Свёрнутые источники не показывают содержимое */
html body.product-support details.dialog-answer-evidence:not([open])>*:not(summary){display:none!important}
/* Выбор и удаление над списком */
#section-support-dialogs .support-workspace>.support-actions,#section-support-dialogs .support-actions:has(#history-select-page){display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:12px;color:var(--ov-muted)}
/* Диалоги: компактная шапка, рабочая зона на всю высоту окна */
.support-shell .wn-hidden{display:none!important}
.support-shell .wn-help{grid-template-columns:auto 1fr 1fr auto;padding:9px 14px}
@media (min-width:1400px){#section-support-dialogs .panel-dialog-filters .wn-seg{flex-basis:auto;margin-right:auto}}
:is(#section-support-dialogs,#section-support-handoff) .support-workspace{min-height:480px;align-items:stretch}
:is(#section-support-dialogs,#section-support-handoff) .support-pane-list{display:flex;flex-direction:column;overflow:hidden}
:is(#section-support-dialogs,#section-support-handoff) .support-pane-list .support-list{flex:1;overflow-y:auto}
:is(#section-support-dialogs,#section-support-handoff) .support-conversation{display:flex!important;flex-direction:column;overflow:hidden}
:is(#section-support-dialogs,#section-support-handoff) .support-chat{flex:1;overflow-y:auto;min-height:0!important;max-height:none!important}
:is(#section-support-dialogs,#section-support-handoff) .support-composer{flex:none}
#section-support-dialogs .wn-list-head{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:0!important;border-bottom:1px solid var(--ov-line);font-size:12px;color:var(--ov-muted)}
#section-support-dialogs .wn-list-head .support-btn{padding:4px 10px!important;min-height:0!important;font-size:12px!important}
@media (max-width:900px){:is(#section-support-dialogs,#section-support-handoff) .support-workspace{height:auto}.support-shell .wn-help{grid-template-columns:1fr}}
:is(#section-support-dialogs,#section-support-handoff) .support-list{display:block!important;align-content:start!important}
:is(#section-support-dialogs,#section-support-handoff) .support-list>.support-row{margin:0!important}
/* Шапка открытого диалога компактнее: кнопки справа от имени */
html body.product-support :is(#section-support-dialogs,#section-support-handoff) .support-conversation-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px 16px;padding:12px 16px!important}
:is(#section-support-dialogs,#section-support-handoff) .support-conversation-head p{font-size:12px!important;margin:2px 0 0!important;line-height:1.45}
:is(#section-support-dialogs,#section-support-handoff) .support-conversation-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
html body.product-support :is(#section-support-dialogs,#section-support-handoff) .support-conversation-actions .support-btn{padding:6px 12px!important;min-height:0!important;font-size:12px!important}
#section-support-dialogs .wn-list-head{flex-wrap:wrap}
/* Время ожидания оператора в очереди */
.support-wait{display:inline-block;margin-top:6px;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:650;color:var(--ov-muted);background:color-mix(in srgb,var(--ov-text) 6%,var(--ov-surface))}
.support-wait.late{color:var(--ov-bad);background:color-mix(in srgb,var(--ov-bad) 12%,var(--ov-surface))}
/* База знаний */
#section-support-rag #wo-catalog-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:12px}
html body.product-support #section-support-rag .wo-metric{background:var(--ov-surface)!important;border:1px solid var(--ov-line)!important;border-radius:16px!important;box-shadow:var(--sh-1)!important;padding:16px 18px!important;border-top:3px solid color-mix(in srgb,var(--ov-accent) 55%,var(--ov-line))!important}
html body.product-support #section-support-rag .wo-metric strong{font-size:30px!important;letter-spacing:-1px}
/* Каталог — таблица: материал, источник, содержание */
html body.product-support #section-support-rag #wo-catalog-list{display:grid!important;grid-template-columns:1fr!important;gap:0!important;border:1px solid var(--ov-line);border-radius:16px;background:var(--ov-surface);box-shadow:var(--sh-1);overflow:hidden}
html body.product-support #section-support-rag .wo-material{display:grid!important;grid-template-columns:minmax(0,1fr) 16px!important;gap:16px;align-items:start;border:0!important;border-bottom:1px solid var(--ov-line)!important;border-radius:0!important;box-shadow:none!important;background:none!important;padding:12px 16px!important;margin:0!important;text-align:left}
html body.product-support #section-support-rag .wo-material:hover{background:color-mix(in srgb,var(--ov-text) 3%,transparent)!important}
#section-support-rag .wo-material b{font-size:13px}
#section-support-rag .wo-material small{display:block;font-size:11px;color:var(--ov-muted);margin-top:3px}
#section-support-rag .wo-material p{margin:0;font-size:12px;color:var(--ov-muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media (max-width:900px){#section-support-rag #wo-catalog-metrics{grid-template-columns:1fr 1fr}html body.product-support #section-support-rag .wo-material{grid-template-columns:1fr!important}}
#section-support-rag .wo-material>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);column-gap:18px;align-items:start}
#section-support-rag .wo-material>div>:is(b,small){grid-column:1}
#section-support-rag .wo-material>div>p{grid-column:2;grid-row:1 / span 3}
#section-support-rag .wo-material>span{color:var(--ov-muted);align-self:center}
@media (max-width:900px){#section-support-rag .wo-material>div{grid-template-columns:1fr}#section-support-rag .wo-material>div>p{grid-column:1;grid-row:auto}}
/* Аналитика */
#section-support-stats .wn-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:10px}
#section-support-stats .wn-stats-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 12px;padding:12px 16px!important}
html body.product-support #section-support-stats #wm-stats-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
html body.product-support #section-support-stats .wm-metric.c-card{padding:16px 18px!important}
#section-support-stats .wm-stat-value{display:flex;align-items:baseline;gap:10px}
#section-support-stats .wm-stat-value b{font-size:16px;color:var(--ov-accent)}
#section-support-stats .wn-q{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:11px;color:var(--ov-muted);border:1px solid var(--ov-line);cursor:help}
html body.product-support #section-support-stats .wn-link{background:none!important;border:0!important;box-shadow:none!important;color:var(--ov-accent)!important;padding:6px 0 0!important;font-size:12px!important;min-height:0!important}
#section-support-stats .b-ok2{fill:color-mix(in srgb,var(--ov-accent) 55%,var(--ov-surface));background:color-mix(in srgb,var(--ov-accent) 55%,var(--ov-surface))}
#section-support-stats .wn-days{margin-top:10px}
#section-support-stats .wn-days summary{cursor:pointer;font-size:12px;color:var(--ov-accent);font-weight:600}
@media (max-width:1100px){html body.product-support #section-support-stats #wm-stats-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Качество и проблемы */
#section-support-diagnostics .wn-filters{margin-bottom:10px}
#section-support-diagnostics .wn-stats-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 12px;padding:12px 16px!important}
html body.product-support #section-support-diagnostics #wo-diag-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
html body.product-support #section-support-diagnostics .wo-metric{background:var(--ov-surface)!important;border:1px solid var(--ov-line)!important;border-radius:16px!important;box-shadow:var(--sh-1)!important;padding:16px 18px!important;border-top:3px solid color-mix(in srgb,var(--ov-accent) 55%,var(--ov-line))!important}
#section-support-diagnostics #wo-history{border:1px solid var(--ov-line);border-radius:16px;background:var(--ov-surface);box-shadow:var(--sh-1);padding:6px 12px}
/* Диалоги: карточки-счётчики как у Ассистента, фильтры в строку, выбор для удаления по кнопке */
.support-shell .wn-dlg-kpi{margin:0 0 16px}
html body.product-support .support-shell button.wn-dlg-card{display:block;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;background:var(--ov-surface)}
html body.product-support .support-shell button.wn-dlg-card:hover{border-color:color-mix(in srgb,var(--ov-accent) 40%,var(--ov-line))!important}
.support-shell .wn-dlg-card.warn{--tone:var(--ov-warn)}
#section-support-dialogs [data-dialog-refresh-status]{display:none}
#section-support-dialogs .panel-dialog-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}
#section-support-dialogs .panel-dialog-filters #layout-dialog-search{flex:1 1 220px;min-width:200px}
#section-support-dialogs .panel-dialog-filters .wn-inline{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ov-muted)}
#section-support-dialogs:not(.wn-picking) .history-row>input[type=checkbox],
#section-support-dialogs:not(.wn-picking) .wn-list-head>label,
#section-support-dialogs:not(.wn-picking) #history-delete,
#section-support-dialogs:not(.wn-picking) #history-archive,
#section-support-dialogs:not(.wn-picking) #history-delete-status{display:none}
#section-support-dialogs .wn-list-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
html body.product-support #section-support-dialogs .panel-dialog-filters label.wn-inline{flex-direction:row!important;align-items:center!important;gap:6px!important}
html body.product-support #section-support-dialogs .panel-dialog-filters label:has(#supportApprovalOnly){display:inline-flex!important;flex-direction:row!important;align-items:center;gap:6px;font-size:13px}
/* Диалоги и передача: компактные карточки, список как в мессенджере, события переписки плашками */
.support-shell .wn-dlg-kpi .wn-dlg-card{display:grid!important;grid-template-columns:1fr auto;grid-template-areas:"head value" "foot value";align-items:center;column-gap:12px;padding:12px 16px!important}
.support-shell .wn-dlg-kpi .wn-kpi-head{grid-area:head}
.support-shell .wn-dlg-kpi .c-value{grid-area:value;font-size:28px;margin:0}
.support-shell .wn-dlg-kpi .c-foot{grid-area:foot;margin-top:2px}
:is(#section-support-dialogs,#section-support-handoff) .support-row{display:grid!important;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px 12px!important;border-radius:10px}
:is(#section-support-dialogs,#section-support-handoff) .support-row>div:first-of-type{min-width:0}
:is(#section-support-dialogs,#section-support-handoff) .support-row h3{margin:0;font-size:13px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(#section-support-dialogs,#section-support-handoff) .support-row small{font-size:11px;color:var(--ov-muted)}
:is(#section-support-dialogs,#section-support-handoff) .support-row>div:first-of-type p{margin:4px 0 0;font-size:12px;line-height:1.4;color:var(--ov-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
:is(#section-support-dialogs,#section-support-handoff) .support-row>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right}
:is(#section-support-dialogs,#section-support-handoff) .support-row>div:last-child p{margin:0!important;font-size:11px;color:var(--ov-muted);white-space:nowrap}
.support-shell .wn-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;letter-spacing:.3px;color:var(--ov-accent);background:color-mix(in srgb,var(--ov-accent) 12%,transparent)}
:is(#section-support-dialogs,#section-support-handoff) .support-row.active .wn-avatar{color:#fff;background:var(--ov-accent)}
:is(#section-support-dialogs,#section-support-handoff) .support-bubble.internal{align-self:center;margin:6px auto!important;max-width:80%;padding:4px 12px!important;border:0!important;border-radius:999px!important;background:color-mix(in srgb,var(--ov-text) 5%,transparent)!important;box-shadow:none!important;font-size:12px;color:var(--ov-muted);text-align:center}
:is(#section-support-dialogs,#section-support-handoff) .support-bubble.internal .support-bubble-meta{display:inline;margin-left:6px;font-size:11px}
:is(#section-support-dialogs,#section-support-handoff) .support-bubble.internal .support-bubble-meta span:nth-child(-n+4){display:none}
:is(#section-support-dialogs,#section-support-handoff) .support-bubble.internal>div:first-child{display:inline}
:is(#section-support-dialogs,#section-support-handoff) .support-chat>.support-empty{display:grid;place-items:center;align-content:center;gap:8px;min-height:240px;color:var(--ov-muted);font-size:13px}
:is(#section-support-dialogs,#section-support-handoff) .support-chat>.support-empty::before{content:"";width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--ov-accent) 10%,transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23087e78' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12Z'/%3E%3C/svg%3E") center/22px no-repeat}
@media (max-width:760px){.support-shell .wn-dlg-kpi{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.support-shell .wn-dlg-kpi .c-foot{display:none}}
html body.product-support.product-support.product-support :is(#section-support-dialogs,#section-support-handoff) .support-row.support-row{grid-template-columns:36px minmax(0,1fr) auto!important;gap:10px!important;align-items:start!important}
html body.product-support :is(#section-support-dialogs,#section-support-handoff) .support-row>*{grid-row:1!important}
html body.product-support :is(#section-support-dialogs,#section-support-handoff) .support-row>.wn-avatar{grid-column:1!important}
html body.product-support :is(#section-support-dialogs,#section-support-handoff) .support-row>div:first-of-type{grid-column:2!important}
html body.product-support :is(#section-support-dialogs,#section-support-handoff) .support-row>div:last-child{grid-column:3!important}
@media (min-width:1101px){html body.product-support.product-support.product-support :is(#section-support-dialogs,#section-support-handoff) .support-workspace{grid-template-columns:340px minmax(0,1fr)!important}}
:is(#supportHandoffList,#supportDialogList)>.support-empty{display:grid;justify-items:center;gap:6px;padding:48px 18px;text-align:center;font-size:12px;line-height:1.5;color:var(--ov-muted)}
:is(#supportHandoffList,#supportDialogList)>.support-empty b{display:block;font-size:14px;color:var(--ov-text)}
:is(#supportHandoffList,#supportDialogList)>.support-empty::before{content:"";width:40px;height:40px;margin-bottom:4px;border-radius:12px;background:color-mix(in srgb,var(--ov-accent) 10%,transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23087e78' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/20px no-repeat}
.support-wait.warn{color:var(--ov-warn);background:color-mix(in srgb,var(--ov-warn) 12%,var(--ov-surface))}
/* Ответы оператора в переписке: свой цвет, отличный от ответов бота; метка «Тест» у тестовых диалогов */
html body.style1.assistant-admin .support-bubble.sender-operator{border-color:color-mix(in srgb,var(--ov-purple) 35%,var(--ov-line));background:color-mix(in srgb,var(--ov-purple) 11%,var(--ov-surface));color:var(--ov-text)}
.support-test-pill{display:inline-block;padding:1px 7px;border-radius:99px;font-size:11px;font-weight:650;line-height:1.5;letter-spacing:.2px;color:var(--ov-warn);background:color-mix(in srgb,var(--ov-warn) 13%,var(--ov-surface));vertical-align:1px;white-space:nowrap}
/* Ожидание оператора дольше 15 минут: красная полоса слева у строки очереди */
html body.product-support :is(#section-support-dialogs,#section-support-handoff) .support-row:has(.support-wait.late):not(.active){box-shadow:inset 3px 0 var(--ov-bad)!important}
/* Подсказки и строки состояния с ошибкой: красный текст, читается и в тёмной теме. Значки и плашки со своими цветами не трогаем. */
html body.product-support .support-shell [data-state=error]:not(:is(.support-status,.support-pill,.style1-live,.wov-state,.wm-badge,.c-badge,.c-card,button)){color:var(--ov-bad)!important}
.support-reason{display:inline-block;padding:2px 8px;border-radius:99px;font-size:11px;color:var(--ov-muted);background:color-mix(in srgb,var(--ov-text) 5%,transparent)}
#operatorsTabs .wn-count{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:9px;font-size:11px;font-weight:700;color:#fff;background:var(--ov-bad-fill,#bd554c);vertical-align:1px}
/* База знаний: состояние базы как «База готова к ответам» у Ассистента */
#wo-catalog-metrics{display:block!important}
#section-support-rag #wo-catalog-form{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px 14px}
#section-support-rag #wo-catalog-form>label:first-of-type{flex:1 1 320px;display:flex!important;flex-direction:row!important;align-items:center;gap:10px}
#section-support-rag #wo-catalog-form #wo-catalog-search{flex:1;min-width:0}
#section-support-rag #wo-catalog-form>label:has(#wo-catalog-eligible){display:inline-flex!important;flex-direction:row!important;align-items:center;gap:6px}
/* База знаний: каталог одной карточкой и таблицей, как у Ассистента */
.support-shell .wkb-catalog{padding:18px 20px;margin-bottom:16px}
.support-shell .wkb-catalog .wn-title{margin-bottom:12px}
.support-shell .wkb-catalog .wn-title h3{margin:0}
.wkb-dot{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;vertical-align:1px}
#section-support-rag .wo-sources{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:12px}
#section-support-rag .wo-source{padding:10px 12px!important;border-radius:10px!important}
#section-support-rag .wo-source strong{font-size:20px!important}
#section-support-rag #wo-catalog-summary{display:none}
.support-shell .wkb-thead,.support-shell .wkb-row{display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr) minmax(0,2fr) minmax(0,.8fr) 16px;gap:16px;align-items:start}
.support-shell .wkb-thead{padding:10px 8px;font-size:11px;font-weight:650;letter-spacing:.8px;text-transform:uppercase;color:var(--ov-muted);border-bottom:1px solid var(--ov-line)}
html body.product-support .support-shell button.wkb-row{width:100%;padding:12px 8px!important;margin:0!important;text-align:left;font:inherit;color:inherit;background:none!important;border:0!important;border-bottom:1px solid var(--ov-line)!important;border-radius:0!important;box-shadow:none!important;cursor:pointer}
html body.product-support .support-shell button.wkb-row:hover{background:color-mix(in srgb,var(--ov-text) 3%,transparent)!important}
.wkb-name b{display:block;font-size:13px;font-weight:650;color:var(--ov-text)}
.wkb-name small{display:block;margin-top:3px;font-size:12px;color:var(--ov-muted)}
.wkb-src{font-size:12px;color:var(--ov-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wkb-text{font-size:12px;line-height:1.5;color:var(--ov-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wkb-go{color:var(--ov-muted)}
@media (max-width:1100px){#section-support-rag .wo-sources{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){#section-support-rag .wo-sources{grid-template-columns:repeat(2,minmax(0,1fr))}.support-shell .wkb-thead{display:none}.support-shell .wkb-row{grid-template-columns:1fr 16px}.wkb-row .wkb-src,.wkb-row .wkb-text{grid-column:1}}
html body.product-support.product-support #section-support-rag :is(.wkb-thead,button.wo-material.wkb-row){display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr) minmax(0,2fr) minmax(0,.8fr) 16px!important;gap:16px!important;align-items:start!important}
html body.product-support.product-support #section-support-rag button.wo-material.wkb-row>*{grid-row:1!important;min-width:0}
@media (max-width:760px){html body.product-support.product-support #section-support-rag #wo-catalog-list>.wkb-thead{display:none!important}
 html body.product-support.product-support #section-support-rag button.wo-material.wkb-row{grid-template-columns:minmax(0,1fr) 16px!important;gap:4px 10px!important}
 html body.product-support.product-support #section-support-rag button.wo-material.wkb-row>*{grid-row:auto!important;grid-column:1}
 html body.product-support.product-support #section-support-rag button.wo-material.wkb-row>.wkb-go{grid-column:2;grid-row:1 / span 4!important;align-self:center}
 #section-support-rag .wkb-row .wkb-text{-webkit-line-clamp:2}}
/* База знаний в стилях «Знаний ассистента» (rs-hero, hy-bar, kn-sync, source-filters, material-table) на токенах Welcome */
.support-shell{--wk-soft:color-mix(in srgb,var(--ov-text) 4%,var(--ov-surface));--wk-tint:color-mix(in srgb,var(--ov-accent) 10%,var(--ov-surface))}
.support-shell .wk-hero{padding:18px 22px;margin-bottom:14px}
.wk-hero-head{display:flex;gap:12px;align-items:center;margin-bottom:14px}
.wk-hero-head strong{display:block;font-size:16px;color:var(--ov-text)}.wk-hero-head small{font-size:12px;color:var(--ov-muted)}
.wk-dot{flex:none;width:12px;height:12px;border-radius:50%;background:var(--ov-accent);box-shadow:0 0 0 5px var(--wk-tint)}
.wk-dot.bad{background:var(--ov-bad);box-shadow:0 0 0 5px color-mix(in srgb,var(--ov-bad) 14%,var(--ov-surface))}
.wk-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.wk-stat{display:grid;gap:2px;padding:14px 16px;border-radius:12px;background:var(--wk-soft)}
.wk-stat b{font-size:28px;line-height:1.1;color:var(--ov-text);font-variant-numeric:tabular-nums}
.wk-stat span{font-weight:650;font-size:13px;color:var(--ov-text)}.wk-stat small{font-size:12px;color:var(--ov-muted)}
.wk-stat.accent b{color:var(--ov-accent)}
.wk-comp{margin-top:16px}
.wk-bar{display:flex;gap:2px;height:14px;border-radius:99px;overflow:hidden;background:var(--wk-soft)}
.wk-bar i{display:block;height:100%}
.wk-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0 2px;font-size:13px;color:var(--ov-text)}
.wk-legend span{display:inline-flex;align-items:center;gap:6px}.wk-legend small{color:var(--ov-muted)}
.wk-legend i{display:inline-block;width:10px;height:10px;border-radius:3px}
:is(.wk-bar,.wk-legend,.wo-source) .dg{background:#9aa7b3}:is(.wk-bar,.wk-legend,.wo-source) .dg2{background:#c3ccd4}
:is(.wk-bar,.wk-legend,.wo-source) .kb{background:var(--ov-purple)}:is(.wk-bar,.wk-legend,.wo-source) .rg{background:var(--ov-warn)}:is(.wk-bar,.wk-legend,.wo-source) .op{background:var(--ov-accent)}
.support-shell .wk-sync{padding:16px 22px;margin-bottom:14px}
.wk-sync-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap}
.wk-sync-head>div:first-child{flex:1 1 420px}
.wk-sync-head h2{margin:8px 0 4px;font-size:16px;color:var(--ov-text)}
.wk-sync-head p{margin:0;font-size:12px}
.wk-sync-head a{color:var(--ov-accent)}
.wk-pill{display:inline-block;padding:4px 9px;border-radius:99px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--wk-tint);color:var(--ov-accent)}
.wk-pill.amber{background:color-mix(in srgb,var(--ov-warn) 10%,var(--ov-surface));color:var(--ov-warn)}
.wk-pill.gray{background:var(--wk-soft);color:var(--ov-muted)}
.wk-sync-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 2px}
.wk-sync-facts>div{display:grid;gap:2px;padding:10px 12px;border-radius:10px;background:var(--wk-soft)}
.wk-sync-facts b{font-size:14px;color:var(--ov-text)}.wk-sync-facts small{font-size:12px;color:var(--ov-muted)}
.support-shell .wk-controls{padding:10px 12px;margin-bottom:12px;box-shadow:none}
html body.product-support #section-support-rag .wk-controls .wo-sources{display:flex!important;gap:6px;overflow-x:auto;padding-bottom:8px;margin:0;border-bottom:1px solid var(--ov-line)}
html body.product-support #section-support-rag .wk-controls .wo-source{display:grid!important;gap:2px;min-width:132px;padding:8px 10px!important;border:1px solid var(--ov-line)!important;border-radius:9px!important;background:var(--ov-surface)!important;color:var(--ov-muted)!important;text-align:left;box-shadow:none!important}
html body.product-support #section-support-rag .wk-controls .wo-source span{font-size:12px;white-space:nowrap}
html body.product-support #section-support-rag .wk-controls .wo-source b{font-size:15px;color:var(--ov-text)}
html body.product-support #section-support-rag .wk-controls .wo-source:hover{background:var(--wk-soft)!important}
html body.product-support #section-support-rag .wk-controls .wo-source[aria-pressed="true"]{background:var(--ov-text)!important;border-color:var(--ov-text)!important;color:color-mix(in srgb,var(--ov-surface) 72%,transparent)!important}
html body.product-support #section-support-rag .wk-controls .wo-source[aria-pressed="true"] b{color:var(--ov-surface)}
/* Тёмная тема: выбранная категория как активный чип (мятный фон, тёмный текст), а не светлая плашка */
html body.product-support.theme-dark #section-support-rag .wk-controls .wo-source[aria-pressed="true"]{background:var(--ov-accent)!important;border-color:var(--ov-accent)!important;color:color-mix(in srgb,#0e1a17 80%,transparent)!important}
html body.product-support.theme-dark #section-support-rag .wk-controls .wo-source[aria-pressed="true"] b{color:#0e1a17}
html body.product-support #section-support-rag .wk-controls #wo-catalog-form{padding-top:8px;margin:0;gap:8px}
.support-shell .wk-catalog{padding:16px 18px}
.wk-card-head h2{margin:0;font-size:16px;color:var(--ov-text)}.wk-card-head p{margin:4px 0 8px;font-size:12px}
#section-support-rag .wk-catalog #wo-catalog-pages-top{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ov-muted)}
.wk-kind{display:inline-block;padding:1px 8px;border-radius:6px;font-size:12px;font-weight:650;background:var(--wk-soft);color:var(--ov-muted);white-space:normal}
.wk-kind.kb{background:color-mix(in srgb,var(--ov-purple) 12%,var(--ov-surface));color:var(--ov-purple)}
.wk-kind.op{background:var(--wk-tint);color:var(--ov-accent)}
.wk-kind.rg{background:color-mix(in srgb,var(--ov-warn) 12%,var(--ov-surface));color:var(--ov-warn)}
@media (min-width:761px){html body.product-support.product-support #section-support-rag :is(.wkb-thead,button.wo-material.wkb-row){grid-template-columns:28% 14% minmax(0,1fr) 128px 22px!important}}
html body.product-support.product-support #section-support-rag button.wo-material.wkb-row:hover{background:var(--wk-tint)!important;box-shadow:inset 3px 0 0 var(--ov-accent)!important}
.support-shell .wkb-thead{font-size:12px;letter-spacing:.3px}
.wkb-go{font-size:22px;line-height:1;text-align:right}
.wkb-name b{font-size:12px}
.wkb-text{font-size:12.5px;line-height:1.45;-webkit-line-clamp:3}
@media (max-width:1100px){.wk-stats,.wk-sync-facts{grid-template-columns:1fr 1fr}}
@media (max-width:700px){html body.product-support #section-support-rag .wk-controls .wo-source{min-width:112px}}
/* Полоса состояния базы: одна строка итога, тонкая полоса состава, строка про справку */
.support-shell #wkb-state.wk-hero{padding:14px 18px;margin-bottom:12px}
#wkb-state #wo-catalog-metrics{display:block;margin:0}
#wkb-state .wk-hero-head{margin-bottom:10px}
#wkb-state .wk-hero-head strong{font-size:15px}
#wkb-state .wk-hero-sum{font-weight:500;color:var(--ov-text)}
#wkb-state .wk-bar{height:8px}
.wk-sync-line{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid var(--ov-line);font-size:12.5px;color:var(--ov-muted)}
.wk-sync-line:empty{display:none}
.wk-sync-line a{color:var(--ov-accent)}.wk-sync-line b{color:var(--ov-text);font-weight:600}.wk-sync-line .wk-warn-text{color:var(--ov-warn)}
html body.product-support .wk-sync-line .support-btn{height:30px;padding:0 12px!important;font-size:12.5px}
/* Чипы разделов: цвет раздела как на полосе, переписки отделены подписью */
html body.product-support #section-support-rag .wk-controls .wo-source span{display:inline-flex;align-items:center;gap:6px}
.wo-source span i{flex:none;width:8px;height:8px;border-radius:2px}
#section-support-rag .wo-sources-sep{align-self:center;flex:none;padding:0 2px 0 8px;font-size:11px;font-weight:650;letter-spacing:.3px;text-transform:uppercase;color:var(--ov-muted);border-left:1px solid var(--ov-line)}
/* Строки каталога ниже: одна строка текста, меньше отступы */
html body.product-support.product-support #section-support-rag button.wo-material.wkb-row{padding:8px!important}
#section-support-rag .wkb-row .wkb-text{-webkit-line-clamp:1;margin-top:1px}
#section-support-rag .wkb-name small{margin-top:1px}
@media (max-width:760px){#section-support-rag .wkb-row .wkb-text{-webkit-line-clamp:2}}
/* Шапка страницы в стиле Ассистента для любой страницы: значок, заголовок, подзаголовок (.wa-title), строка фильтров (.wa-filters).
   На Аналитике и Качестве поверх этого действуют их правила из welcome-analytics.css. */
.support-shell .wa-title{display:flex;align-items:center;gap:12px;min-width:0}
.support-shell .wa-title .c-ico{width:40px;height:40px;border-radius:12px}
.support-shell .wa-title .c-ico svg{width:20px;height:20px}
html body.product-support .support-shell .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}
.support-shell .wa-filters label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ov-muted);margin:0}
html body.product-support .support-shell .wa-filters :is(input[type=date],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:220px}
@media (max-width:560px){.support-shell .wa-title .c-ico{display:none}html body.product-support .support-shell .wa-filters select{max-width:100%;flex:1 1 100%}}
/* Телефон: отступ перед кнопками шапки, цели нажатия не меньше 36px */
@media (max-width:620px){
 html body.style1.assistant-admin #dashboard .support-shell>:is(.section-head,.wm-heading)>:not(:first-child){margin-top:12px}
 html body.product-support .support-shell :is(.wn-seg,.wov2-seg) button{min-height:36px!important}
}
/* Телефон: Диалоги и Передача. Фильтры столбиком (статусы строкой с прокруткой, поиск на всю ширину, даты в ряд),
   шапка открытого диалога в одну колонку, пустая правая панель не показывается, пока обращение не выбрано. */
@media (max-width:760px){
 html body.style1.assistant-admin #section-support-dialogs .panel-dialog-filters.wn-filters{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px!important;padding:10px!important}
 html body.style1.assistant-admin #section-support-dialogs .panel-dialog-filters .wn-seg{flex:1 1 100%;width:100%;max-width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;box-sizing:border-box}
 html body.product-support #section-support-dialogs .panel-dialog-filters .wn-seg button{flex:none;white-space:nowrap}
 html body.style1.assistant-admin #section-support-dialogs .panel-dialog-filters #layout-dialog-search{flex:1 1 180px;width:auto;min-width:0!important;max-width:none}
 html body.style1.assistant-admin #section-support-dialogs .panel-dialog-filters #layout-dialog-apply{flex:none;width:auto}
 html body.style1.assistant-admin #section-support-dialogs .panel-dialog-filters>label.wn-inline{flex:1 1 calc(50% - 4px);min-width:0!important;width:auto}
 html body.style1.assistant-admin #section-support-dialogs .panel-dialog-filters>label.wn-inline input{flex:1 1 auto;width:auto!important;min-width:0!important}
 html body.style1.assistant-admin #section-support-dialogs .panel-dialog-filters>label:has(#supportApprovalOnly){flex:1 1 100%;min-width:0}
 html body.style1.assistant-admin #section-support-dialogs .panel-dialog-filters>small{flex:1 1 100%;margin-left:0}
 html body.product-support :is(#section-support-dialogs,#section-support-handoff) .support-conversation-head{grid-template-columns:minmax(0,1fr)!important}
 :is(#section-support-dialogs,#section-support-handoff) .support-conversation-actions{justify-content:flex-start}
}
@media (max-width:900px){
 html body.style1.assistant-admin :is(#section-support-dialogs,#section-support-handoff) .support-workspace:not(:has(.support-row.active)) .support-pane-list{max-height:min(70dvh,560px)!important}
 :is(#section-support-dialogs,#section-support-handoff) .support-workspace:not(:has(.support-row.active)) .support-conversation:has(.support-conversation-actions:empty):has(>.support-chat>.support-empty:only-child){display:none!important}
}
/* Приёмка 29.09: телефон */
@media (max-width:760px){
 html body.product-support #section-support-rag #wo-catalog-form>label:first-of-type,
 html body.product-support #section-support-rag #wo-catalog-form label.wk-search{flex:1 1 100%!important;max-width:none!important;min-width:0!important;width:100%!important}
 html body.product-support #section-support-rag #wo-catalog-form #wo-catalog-search{flex:1 1 auto!important;width:100%!important;min-width:120px!important}
 /* Заголовки таблиц без переноса по слогам: мельче и целыми словами, узкие таблицы прокручиваются */
 html body.product-support :is(#section-support-stats,#section-support-live,#section-support-diagnostics) table thead th{hyphens:none!important;-webkit-hyphens:none!important;overflow-wrap:normal!important;word-break:normal!important;font-size:10.5px!important;letter-spacing:0!important}
 html body.product-support #section-support-live .wo-stage-table,html body.product-support #section-support-live table{min-width:0}
 html body.product-support #section-support-live :is(.wo-table-wrap,.wn-table-wrap){overflow-x:auto}
 html body.product-support #section-support-channels select{max-width:100%;min-width:0;text-overflow:ellipsis}
 html body.product-support #section-support-channels .wci-mode{flex-wrap:wrap}
}
/* Передача оператору: группы «Ждут» и «Мои в работе», одно пустое состояние очереди (welcome-dialogs-next.js) */
#section-support-handoff .wn-group-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;font-size:12px;color:var(--ov-muted)}
#section-support-handoff .wn-group-head b{color:var(--ov-text,inherit);font-weight:600}
#section-support-handoff .wn-group-head .wn-group-count{font-variant-numeric:tabular-nums}
#section-support-handoff .wn-group-head [data-wn-mine-all]{margin-left:auto}
#section-support-handoff .wn-group{display:flex;flex-direction:column;min-height:0;border-top:1px solid var(--ov-line)}
#section-support-handoff .wn-group[hidden]{display:none!important}
#section-support-handoff .support-pane-list .wn-mine-list{flex:0 1 auto;max-height:45%;overflow-y:auto}
#section-support-handoff .wn-queue-empty{display:grid;justify-items:center;gap:8px;padding:48px 18px;text-align:center;color:var(--ov-muted)}
#section-support-handoff .wn-queue-empty[hidden]{display:none!important}
.support-shell .wn-dlg-card.bad{--tone:var(--ov-bad)}
.support-shell .wn-dlg-card.bad .c-value{color:var(--ov-bad)}
/* Счётчик длины ответа (лимит Telegram 4000) и «Сбросить фильтры» */
.support-composer-foot .wn-counter{margin-left:auto;font-size:12px;font-variant-numeric:tabular-nums;color:var(--ov-muted)}
.support-composer-foot .wn-counter.over{color:var(--ov-bad);font-weight:600}
.panel-dialog-filters .wn-reset-filters{margin-left:auto}
@media (max-width:560px){
 #section-support-handoff .wn-queue-empty{padding:28px 12px}
 #section-support-handoff .support-pane-list .wn-mine-list{max-height:none}
 .panel-dialog-filters .wn-reset-filters{margin-left:0}
}
/* База знаний, «Источники»: пометка у управляемых материалов и фильтр источника (operators.js) */
#section-teach .rag-managed-note{color:var(--color-text-muted);font-size:12px;line-height:1.35}
@media (max-width:560px){
 #ragSourceFilter{width:100%}
 #section-teach .filters{flex-wrap:wrap}
}

/* «Что здесь делать» свёрнута в строку: заголовок и кнопка «Показать». */
html body.product-support .wn-help-toggle{border:0!important;background:none!important;box-shadow:none!important;color:var(--ov-accent)!important;font-size:12px!important;font-weight:600!important;padding:0!important;min-height:0!important;cursor:pointer;justify-self:end;align-self:start}
.wn-help.is-collapsed{display:flex!important;align-items:center;gap:12px;padding:7px 14px!important}
.wn-help.is-collapsed>:not(b:first-child):not(.wn-help-toggle){display:none!important}
.wn-help.is-collapsed>.wn-help-toggle{margin-left:auto}
.wn-help.is-collapsed{cursor:pointer;transition:border-color .15s,background-color .15s}
.wn-help.is-collapsed:hover{border-color:var(--ov-accent)!important;background:color-mix(in srgb,var(--ov-accent) 9%,var(--ov-surface))!important}

/* Диалоги: счётчики на вкладках, редкие фильтры в «Фильтры», выбор для удаления в «⋯». */
.support-shell .wn-tab-count{display:inline-block;min-width:18px;margin-left:6px;padding:0 6px;border-radius:99px;background:color-mix(in srgb,var(--ov-text) 8%,transparent);font-size:11px;font-weight:700;line-height:18px;text-align:center;font-variant-numeric:tabular-nums}
.support-shell :is([aria-pressed=true],[aria-selected=true])>.wn-tab-count{background:color-mix(in srgb,#fff 25%,transparent)}
.support-shell .wn-tab-hot>.wn-tab-count{background:var(--ov-warn);color:#fff}
.wn-more-filters{position:relative}
.wn-more-filters>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid var(--ov-line);border-radius:10px;background:var(--ov-surface);font-size:13px;font-weight:600;color:var(--ov-text)}
.wn-more-filters>summary::-webkit-details-marker{display:none}
.wn-more-filters>summary::after{content:"▾";font-size:10px;color:var(--ov-muted)}
.wn-more-filters.wn-more-active>summary{border-color:var(--ov-accent);color:var(--ov-accent)}
.wn-more-body{position:absolute;z-index:20;top:calc(100% + 6px);left:0;display:grid;gap:10px;min-width:260px;padding:14px;border:1px solid var(--ov-line);border-radius:12px;background:var(--ov-surface);box-shadow:0 12px 32px color-mix(in srgb,var(--ov-text) 14%,transparent)}
.wn-more-body label{display:flex;align-items:center;gap:8px;font-size:13px}
#section-support-dialogs .wn-pick-toggle{margin-left:auto;min-width:34px;font-size:16px!important;line-height:1}
#section-support-dialogs .panel-dialog-filters{flex-wrap:nowrap}
#section-support-dialogs .panel-dialog-filters #layout-dialog-search{flex:1 1 180px;min-width:140px;width:auto}
@media (max-width:1180px){#section-support-dialogs .panel-dialog-filters{flex-wrap:wrap}}
.wn-more-body{left:auto!important;right:0}

/* Переписка как в мессенджере: разделители дней, служебные события строкой, время и галочки в сообщении. */
:is(#section-support-dialogs,#section-support-handoff) .wn-day{display:flex;justify-content:center;margin:14px 0 8px}
:is(#section-support-dialogs,#section-support-handoff) .wn-day>span{padding:3px 12px;border-radius:99px;background:color-mix(in srgb,var(--ov-text) 6%,var(--ov-surface));font-size:11px;font-weight:600;color:var(--ov-muted)}
:is(#section-support-dialogs,#section-support-handoff) .wn-event{display:flex;justify-content:center;margin:6px 0;font-size:12px;color:var(--ov-muted);text-align:center}
:is(#section-support-dialogs,#section-support-handoff) .wn-event>span{max-width:80%}
html body.product-support :is(#section-support-dialogs,#section-support-handoff) .support-bubble-meta{justify-content:flex-end;gap:4px;font-size:11px;opacity:.85}
:is(#section-support-dialogs,#section-support-handoff) .wn-tick{margin-left:4px;font-weight:700;letter-spacing:-2px;color:var(--ov-muted)}
:is(#section-support-dialogs,#section-support-handoff) .wn-tick.ok{color:var(--ov-accent)}
:is(#section-support-dialogs,#section-support-handoff) .wn-tick.warn{letter-spacing:0;font-weight:600;color:var(--ov-warn)}
/* Решение бота прижато к его ответу справа. */
html body.product-support :is(#section-support-dialogs,#section-support-handoff) .support-message-group.out .dialog-answer-evidence{margin:-2px 0 8px auto!important;width:auto!important;max-width:min(560px,80%);border:0!important;background:none!important;padding:2px 4px!important;text-align:right}
/* Шапка переписки метками. */
:is(#section-support-dialogs,#section-support-handoff) :is(#supportDialogMeta,#supportHandoffMeta){display:flex;flex-wrap:wrap;gap:6px;align-items:center}
:is(#section-support-dialogs,#section-support-handoff) .wn-sep{display:none}
:is(#section-support-dialogs,#section-support-handoff) .wn-chip{padding:2px 9px;border-radius:99px;font-size:11px;font-weight:600;background:color-mix(in srgb,var(--ov-text) 7%,var(--ov-surface));color:var(--ov-muted)}
:is(#section-support-dialogs,#section-support-handoff) .wn-chip.ok{background:color-mix(in srgb,var(--ov-accent) 14%,var(--ov-surface));color:var(--ov-accent)}
:is(#section-support-dialogs,#section-support-handoff) .wn-chip.warn{background:color-mix(in srgb,var(--ov-warn) 16%,var(--ov-surface));color:var(--ov-warn)}
:is(#section-support-dialogs,#section-support-handoff) .wn-chip.info{background:color-mix(in srgb,var(--ov-purple) 14%,var(--ov-surface));color:var(--ov-purple)}
:is(#section-support-dialogs,#section-support-handoff) .wn-chip.test{background:color-mix(in srgb,var(--ov-purple) 10%,var(--ov-surface));color:var(--ov-purple)}
/* Статусы в списке: ждёт оператора оранжевым, у оператора фиолетовым, у бота зелёным, завершён серым. */
html body.product-support :is(#section-support-dialogs,#section-support-handoff) .support-pill.support-state-handoff{color:var(--ov-warn)!important;background:color-mix(in srgb,var(--ov-warn) 16%,var(--ov-surface))!important}
html body.product-support :is(#section-support-dialogs,#section-support-handoff) .support-pill.support-state-operator{color:var(--ov-purple)!important;background:color-mix(in srgb,var(--ov-purple) 14%,var(--ov-surface))!important}
html body.product-support :is(#section-support-dialogs,#section-support-handoff) .support-pill.support-state-resolved{color:var(--ov-muted)!important;background:color-mix(in srgb,var(--ov-text) 7%,var(--ov-surface))!important}
/* Строка над списком компактная, «⋯» справа. */
#section-support-dialogs .wn-list-head{min-height:0;padding:6px 10px!important;justify-content:flex-end}
/* Слово вместо числа («нет») мелко, как подпись, а не крупной цифрой. */
.support-shell .wn-dlg-kpi .c-value.wn-kpi-word{font-size:14px!important;font-weight:600;color:var(--ov-muted);letter-spacing:0}
html body.product-support #wkb-state .wk-hero-head strong{font-size:15px!important;line-height:1.4!important;font-weight:700}
html body.product-support #wkb-state .wk-hero-head .wk-hero-sum{font-size:14px;font-weight:500}
/* Чипы разделов компактные: название и число в одну строку, переносятся вместо горизонтальной прокрутки */
html body.product-support #section-support-rag .wk-controls .wo-sources{flex-wrap:wrap;overflow:visible;padding-bottom:10px}
html body.product-support #section-support-rag .wk-controls .wo-source{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:8px;min-width:0!important;width:auto!important;padding:6px 10px!important}
html body.product-support #section-support-rag .wk-controls .wo-source b{font-size:13px}
/* Обучение: очередь первой, подготовка ниже, автообучение одной строкой */
#section-support-learning .wr-queue-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#section-support-learning .wr-queue-head h3{margin:0}
#section-support-learning .wr-queue>.wm-muted{margin:8px 0 10px;font-size:12.5px}
#section-support-learning #wr-status:empty,#section-support-learning #wr-jobs:empty{display:none}
#section-support-learning .wr-prepare{margin-top:14px}
#section-support-learning .wr-prepare>p{font-size:12.5px;color:var(--ov-muted)}
#section-support-learning #wm-learning-settings{margin-top:14px}
#section-support-learning #wm-learning-settings h3{margin:0 0 4px}
#section-support-learning #wm-learning-settings>.wm-muted{font-size:12.5px;margin:0 0 8px}
#section-support-learning #wm-learning-settings .wm-toolbar{align-items:center;gap:12px;flex-wrap:wrap}
#section-support-learning #wm-learning-settings .wr-quota{font-size:12.5px;margin:6px 0 0}
#section-support-learning #wm-learning-save-status:empty{display:none}
/* Заметка бота для оператора у сообщения с передачей: чего не хватило в материалах */
html body.product-support :is(#section-support-dialogs,#section-support-handoff) .support-message-group .dialog-bot-note{margin:0 0 6px auto;max-width:min(560px,80%);padding:6px 10px;border-radius:8px;background:color-mix(in srgb,var(--ov-warn) 12%,transparent);font-size:12.5px;line-height:1.45;text-align:left}
/* Диалоги для разбора (welcome-dialogs-next.js, operators.js): итог, оценка и «разобран» в строке, фильтры, защита ответа, карточка клиента, ответ в базу знаний. */
:is(#section-support-dialogs,#section-support-handoff) .wn-row-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;margin-top:6px}
:is(#section-support-dialogs,#section-support-handoff) .wn-outcome{padding:2px 8px;border-radius:99px;font-size:11px;font-weight:650;white-space:nowrap;color:var(--tone,var(--ov-muted));background:color-mix(in srgb,var(--tone,var(--ov-muted)) 13%,var(--ov-surface))}
:is(#section-support-dialogs,#section-support-handoff) .wn-outcome.info{--tone:var(--ov-purple)}
:is(#section-support-dialogs,#section-support-handoff) .wn-rate{font-size:13px;line-height:1}
:is(#section-support-dialogs,#section-support-handoff) .wn-reviewed{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:11px;font-weight:700;color:var(--ov-accent);background:color-mix(in srgb,var(--ov-accent) 14%,var(--ov-surface))}
html body.product-support #section-support-dialogs .panel-dialog-filters{flex-wrap:wrap}
html body.product-support #section-support-dialogs .panel-dialog-filters select{height:34px;padding:0 8px;border:1px solid var(--ov-line);border-radius:8px;background:var(--ov-surface);color:var(--ov-text);font:inherit;font-size:12px;max-width:100%}
html body.product-support #section-support-dialogs .panel-dialog-filters label.wn-inline{flex-direction:row!important;align-items:center!important}
#section-support-dialogs .wn-unreviewed-filter{white-space:nowrap;font-size:12px!important}
.wn-more-body label[hidden]{display:none!important}
.wn-more-body .wn-bot-filter{flex-direction:column;align-items:stretch!important}
.support-shell .wn-seg button[hidden]{display:none!important}
#section-support-dialogs .wn-pick-toggle{min-width:0;font-size:12px!important;line-height:1.2}
#section-support-dialogs:not(.wn-picking) .wn-list-head .wn-pick-only{display:none!important}
#section-support-dialogs .wn-list-head [hidden]{display:none!important}
#section-support-dialogs #history-select-all[aria-pressed=true]{border-color:var(--ov-accent)!important;color:var(--ov-accent)!important}
/* Защита ответа: основной «Ответить и вернуть боту», рядом «Ответить и взять диалог» с предупреждением. */
html body.product-support .support-composer-foot{flex-wrap:wrap}
.support-composer-foot .wn-reply-warn{flex-basis:100%;text-align:right;font-size:12px;color:var(--ov-warn)}
.support-composer-foot .wn-reply-take[hidden],.support-composer-foot .wn-reply-warn[hidden]{display:none!important}
:is(#section-support-dialogs,#section-support-handoff) .wn-customer{display:flex;flex-wrap:wrap;gap:2px 0;align-items:center;margin:6px 0 0;font-size:12px;color:var(--ov-muted)}
:is(#section-support-dialogs,#section-support-handoff) .wn-customer b{color:var(--ov-text);font-weight:600}
:is(#section-support-dialogs,#section-support-handoff) .wn-customer a{color:var(--ov-accent)}
:is(#section-support-dialogs,#section-support-handoff) .wn-customer[hidden],:is(#section-support-dialogs,#section-support-handoff) .wn-pause-note[hidden]{display:none!important}
:is(#section-support-dialogs,#section-support-handoff) .wn-pause-note{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:8px 0 0;padding:8px 12px;border:1px solid color-mix(in srgb,var(--ov-warn) 45%,var(--ov-line));border-radius:10px;background:color-mix(in srgb,var(--ov-warn) 13%,var(--ov-surface));font-size:12.5px;font-weight:600;color:var(--ov-text)}
:is(#section-support-dialogs,#section-support-handoff) .wn-pause-note .support-btn{padding:4px 10px!important;min-height:0!important;font-size:12px!important}
/* Под ответом бота: оценка, «Разбор в Live», «Добавить ответ в базу знаний» и форма карточки. */
:is(#section-support-dialogs,#section-support-handoff) .wn-bot-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px 10px;margin:0 0 8px auto;max-width:min(560px,80%)}
html body.product-support :is(#section-support-dialogs,#section-support-handoff) .wn-bot-tools .support-btn{padding:3px 10px!important;min-height:0!important;font-size:12px!important}
html body.product-support :is(#section-support-dialogs,#section-support-handoff) .wn-live-link{border:0!important;background:none!important;box-shadow:none!important;padding:0!important;min-height:0!important;font-size:12px!important;color:var(--ov-accent)!important;cursor:pointer;text-decoration:underline}
:is(#section-support-dialogs,#section-support-handoff) .wn-kb-slot:empty{display:none}
:is(#section-support-dialogs,#section-support-handoff) .wn-kb-form{display:grid;gap:6px;margin:0 0 10px auto;max-width:min(560px,92%);padding:12px;border:1px solid color-mix(in srgb,var(--ov-accent) 35%,var(--ov-line));border-radius:12px;background:var(--ov-surface);text-align:left}
:is(#section-support-dialogs,#section-support-handoff) .wn-kb-form label:not(.support-check){display:grid;gap:4px;font-size:12px;font-weight:600;color:var(--ov-text)}
html body.product-support :is(#section-support-dialogs,#section-support-handoff) .wn-kb-form textarea{width:100%;box-sizing:border-box;padding:8px 10px!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:13px;resize:vertical}
:is(#section-support-dialogs,#section-support-handoff) .wn-kb-form .war-muted{font-size:11.5px;color:var(--ov-muted)}
:is(#section-support-dialogs,#section-support-handoff) .wn-kb-form .war-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
:is(#section-support-dialogs,#section-support-handoff) .wn-kb-form .war-form-status{margin:0;min-height:16px;font-size:12px;color:var(--ov-bad)}
:is(#section-support-dialogs,#section-support-handoff) .wn-kb-done{margin:0 0 10px auto;max-width:min(560px,92%);padding:8px 12px;border-radius:10px;font-size:12.5px;color:var(--ov-accent);background:color-mix(in srgb,var(--ov-accent) 10%,var(--ov-surface));text-align:right}
/* Уведомление с отменой (A: в архив, «Вернуть»). Вне .support-shell: цвета темы с запасными значениями. */
.wn-toast{position:fixed;z-index:1000;left:50%;bottom:20px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:10px 14px;border:1px solid var(--color-border,#d9dee3);border-radius:12px;background:var(--color-surface,#fff);color:var(--color-text,#1d2329);box-shadow:0 12px 32px rgba(0,0,0,.18);font-size:13px}
.wn-toast[hidden]{display:none}
.wn-toast .support-btn{padding:4px 10px!important;min-height:0!important;font-size:12px!important}
@media (max-width:900px){
 html body .panel-dialog-filters select.wn-search-mode{flex:0 0 auto!important;width:auto!important;min-width:150px;max-width:190px}
 .support-composer-foot .wn-reply-warn{text-align:left}
 :is(#section-support-dialogs,#section-support-handoff) .wn-bot-tools,:is(#section-support-dialogs,#section-support-handoff) .wn-kb-form{max-width:100%}
}

/* База знаний: колонка «В ответах», фильтры каталога, действия фрагментов, «Корзина», ответ бота в «Проверке поиска». */
.wkb-use{display:grid;gap:2px;font-size:12px;color:var(--ov-muted);min-width:0}
.wkb-use b{font-weight:600;color:var(--ov-text);white-space:nowrap}
.wkb-use small{display:block;margin:0!important;font-size:11.5px;overflow-wrap:anywhere}
#wo-catalog-form .wk-check{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
#wo-catalog-form .wk-sort select{margin-left:6px}
.wk-frag-tools{margin-top:8px;gap:8px}
.support-shell .rag-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.support-shell .rag-actions .btn{padding:4px 10px;font-size:12px}
.support-shell .rag-off{display:block;margin-top:4px;font-size:11.5px;color:var(--ov-warn)}
.support-shell #ragTrashToggle[aria-pressed="true"]{border-color:var(--ov-accent);color:var(--ov-accent)}
.wk-trash{margin:0 0 14px;padding:14px 16px;border:1px solid var(--ov-line);border-radius:12px;background:var(--ov-surface)}
.wk-trash[hidden]{display:none}
.wk-trash-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:8px}
.wk-trash-head h3{margin:0;font-size:15px}
.wk-trash-head small{color:var(--ov-muted);font-size:12px}
.wk-trash-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--ov-line)}
.wk-trash-row>div{min-width:0}
.wk-trash-row b{display:block;font-size:13px;color:var(--ov-text);overflow-wrap:anywhere}
.wk-trash-row small{display:block;margin-top:2px;font-size:12px;color:var(--ov-muted)}
.wk-trash-row p{margin:4px 0 0;font-size:12px;color:var(--ov-muted);overflow-wrap:anywhere}
.wk-trash-row .btn{flex:none}
.wk-probe-box{margin-top:12px}
.wk-probe-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.wk-probe-bar small{font-size:12px;color:var(--ov-muted)}
.wk-probe-slot:empty{display:none}
.wk-probe-slot{margin-top:8px;font-size:12px}
.wk-probe{display:grid;gap:4px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--ov-accent) 30%,var(--ov-line));border-radius:12px;background:var(--ov-surface);color:var(--ov-text)}
.wk-probe-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;color:var(--ov-muted)}
.wk-probe-head b{color:var(--ov-text)}
.wk-probe-text{margin:0 0 4px;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;max-height:16em;overflow:auto}
.wk-probe-sources{margin:2px 0 4px;padding-left:20px;font-size:12px}
.wk-probe-slot .wk-warn-text{color:var(--ov-warn)}
.wi-review{margin:8px 0}
/* «Обучение»: порядок и источник, выбор карточек, одобрение пачкой, версии, похожие и противоречия. */
.wr-bulk{gap:8px;margin:4px 0 8px}
.wr-sel-row{display:flex;align-items:flex-start;gap:10px}
.wr-sel-row>input[type="checkbox"]{flex:none;width:18px;height:18px;margin:14px 0 0;accent-color:var(--ov-accent,#087e78)}
.wr-sel-row>details{flex:1;min-width:0}
.wr-link{padding:0;border:0;background:none;color:var(--ov-accent,#087e78);font:inherit;font-weight:600;text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.wr-similar h4{margin:14px 0 6px}
.wr-similar-list,.wr-conflict-list,.wr-bulk-list,.wr-bulk-errors{margin:0;padding-left:20px;display:grid;gap:8px;font-size:13px}
.wr-similar-list small,.wr-conflict-list small{color:var(--ov-muted,#657787);font-size:12px}
.wr-similar-list p,.wr-conflict-list p{margin:2px 0 0;font-size:12px;color:var(--ov-muted,#657787);overflow-wrap:anywhere;max-height:6em;overflow:auto}
.wr-conflict-list{list-style:none;padding:0}
.wr-conflict-list>li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px 0;border-top:1px solid var(--ov-line,#dce5eb)}
.wr-conflict-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}
.wr-conflict-pair>div{min-width:0}
.wr-versions{margin-top:12px}
.wr-versions>summary{cursor:pointer;font-weight:600}
.wr-version{padding:10px 0;border-top:1px solid var(--ov-line,#dce5eb)}
.wr-version-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.wr-version-head small{color:var(--ov-muted,#657787);font-size:12px}
.wr-version-head .support-btn{margin-left:auto}
.wr-version p{margin:6px 0 0;font-size:13px}
.wr-dialog{width:min(720px,94vw)}
.wr-dialog .wr-bulk-list{max-height:40vh;overflow:auto;padding-right:8px}
.wr-dialog .wr-bulk-list li,.wr-dialog .wr-bulk-errors li{white-space:normal;line-height:1.4}
.wr-progress{height:8px;margin:12px 0 6px;border-radius:8px;background:color-mix(in srgb,var(--color-text,#1c2c36) 10%,transparent);overflow:hidden}
.wr-progress>i{display:block;height:100%;border-radius:8px;background:var(--ov-accent,#087e78);transition:width .3s}
@media (max-width:760px){
 .wr-conflict-pair{grid-template-columns:1fr}
 .wr-version-head .support-btn{margin-left:0}
 .wr-sel-row{gap:6px}
 .wk-trash-row{flex-direction:column}
 .wr-dialog{padding:16px}
}
/* База знаний 08.10: строка поиска одной линией, подписи слева, все элементы 36px и одного кегля */
html body.product-support #section-support-rag #wo-catalog-form{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px 16px}
html body.product-support #section-support-rag #wo-catalog-form>label{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:8px;min-height:36px;margin:0;font-size:13px;font-weight:500;line-height:1.2;color:var(--ov-text);white-space:nowrap}
html body.product-support #section-support-rag #wo-catalog-form>label:has(#wo-catalog-search){flex:1 1 280px;max-width:none}
html body.product-support #section-support-rag #wo-catalog-form :is(#wo-catalog-search,#wo-catalog-sort){box-sizing:border-box;height:36px;min-height:36px;margin:0;padding-top:0;padding-bottom:0;font-size:13px}
html body.product-support #section-support-rag #wo-catalog-form #wo-catalog-search{flex:1 1 auto;min-width:0;width:auto}
html body.product-support #section-support-rag #wo-catalog-form input[type=checkbox]{width:16px;height:16px;margin:0;flex:none}
html body.product-support #section-support-rag #wo-catalog-form>.support-btn{height:36px;min-height:36px;padding:0 14px;font-size:13px;display:inline-flex;align-items:center}
@media (max-width:760px){
 html body.product-support #section-support-rag #wo-catalog-form>label{white-space:normal}
 html body.product-support #section-support-rag #wo-catalog-form>.support-btn{flex:1 1 calc(50% - 8px);justify-content:center}
}
/* Листание каталога одинаково над и под таблицей */
#section-support-rag .wk-catalog .wk-pages{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;font-size:12px;color:var(--ov-muted)}
#section-support-rag .wk-catalog .wk-pages>span{font-size:12px;color:var(--ov-muted)}
/* «Как бот использует знания» свёрнуто, кнопки под ним видны всегда */
#section-support-rag .wk-how>details>summary{cursor:pointer;font-size:14px;font-weight:650;color:var(--ov-text);list-style:none;display:flex;align-items:center;gap:6px}
#section-support-rag .wk-how>details>summary::-webkit-details-marker{display:none}
#section-support-rag .wk-how>details>summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:4px}
#section-support-rag .wk-how>details[open]>summary::after{transform:rotate(-135deg) translateY(-1px)}
#section-support-rag .wk-how>details>p{margin:8px 0 0;max-width:90ch;font-size:13px;line-height:1.55;color:var(--ov-muted)}
#section-support-rag .wk-how>.support-actions{margin-top:12px}
/* «Диалоги»: строка списка в три строки (supportRowHtml в operators.js, view dialogs).
   1: имя и статус; 2: бот и число вопросов с многоточием; 3: последнее сообщение, итог, оценка, время. */
html body.product-support.product-support.product-support #section-support-dialogs .support-row.support-row.wn-row3{grid-template-columns:36px minmax(0,1fr)!important;gap:10px!important;align-items:start!important}
html body.product-support.product-support #section-support-dialogs .support-row.wn-row3>div.wn-row-main{grid-column:2!important;grid-row:1!important;min-width:0;display:grid;gap:3px;text-align:left}
#section-support-dialogs .wn-row3 .wn-row-line{display:flex;align-items:center;gap:8px;min-width:0}
html body.product-support #section-support-dialogs .wn-row3 .wn-row-line>h3{flex:1 1 0;min-width:4em;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#section-support-dialogs .wn-row3 :is(.wn-row-state,.wn-row-end){flex:0 1 auto;min-width:0;display:inline-flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px 6px}
#section-support-dialogs .wn-row3 .wn-row-end .wn-row-tags{margin:0;flex-wrap:nowrap}
html body.product-support #section-support-dialogs .wn-row3 small.wn-row-src{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;line-height:1.4;color:var(--ov-muted)}
#section-support-dialogs .wn-row3 .wn-row-src .support-test-pill{padding:0 6px!important;font-size:10px!important}
html body.product-support #section-support-dialogs .wn-row3 p.wn-row-msg{flex:1 1 0;min-width:6em;margin:0!important;display:block!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px!important;line-height:1.4;color:var(--ov-muted)!important}
html body.product-support #section-support-dialogs .wn-row3 p.wn-row-time{display:block!important;margin:0!important;font-size:11px!important;white-space:nowrap;color:var(--ov-muted)!important}
/* «Авто: …» рядом с кнопками шапки, как список #wlv-every в Live */
html body.style1.assistant-admin #section-support-dialogs .welcome-dialog-refresh{display:inline-flex!important;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0}
html body.style1.assistant-admin #section-support-dialogs .welcome-dialog-refresh label.wn-every-label{display:inline-flex;margin:0;gap:0}
html body.product-support #section-support-dialogs .welcome-dialog-refresh select.wn-every{width:auto!important;min-width:0!important;height:36px;min-height:36px!important;padding:0 28px 0 10px!important;border:1px solid var(--ov-line)!important;border-radius:8px!important;background-color:var(--ov-surface)!important;color:var(--ov-text)!important;font:inherit;font-size:12.5px!important;cursor:pointer}
/* «Не разобранные» переключателем, как «Показывать проверки…» в Live; элемент остаётся checkbox */
html body.product-support #section-support-dialogs .panel-dialog-filters label.wn-toggle{position:relative;display:inline-flex;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;min-width:0;font-size:12px;color:var(--ov-muted);cursor:pointer;user-select:none}
html body.product-support.product-support #section-support-dialogs .panel-dialog-filters label.wn-toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;flex:none!important;width:34px!important;min-width:34px!important;height:20px!important;min-height:0!important;margin:0;padding:0!important;border:1px solid var(--ov-line)!important;border-radius:99px!important;background:color-mix(in srgb,var(--ov-text) 14%,var(--ov-surface))!important;cursor:pointer;transition:background .15s,border-color .15s}
#section-support-dialogs .wn-toggle input[type=checkbox]::before{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--ov-surface);box-shadow:0 1px 2px color-mix(in srgb,var(--ov-text) 30%,transparent);transition:transform .15s}
html body.product-support.product-support #section-support-dialogs .panel-dialog-filters label.wn-toggle input[type=checkbox]:checked{background:var(--ov-accent)!important;border-color:var(--ov-accent)!important}
#section-support-dialogs .wn-toggle input[type=checkbox]:checked::before{transform:translateX(14px)}
#section-support-dialogs .wn-toggle input[type=checkbox]:focus-visible{outline:3px solid color-mix(in srgb,var(--ov-accent) 45%,transparent);outline-offset:2px}
#section-support-dialogs .wn-toggle:hover,#section-support-dialogs .wn-toggle input:checked+span{color:var(--ov-text)}
@media (prefers-reduced-motion:reduce){#section-support-dialogs .wn-toggle input[type=checkbox],#section-support-dialogs .wn-toggle input[type=checkbox]::before{transition:none}}
/* «Материалы» 18.10: сводка как в Live (строка статуса с цветной меткой), крупно «доступно боту», полоса и плитки источников, они же фильтр каталога. */
#wkb-state .wk-status{margin:0 0 14px;padding:10px 14px;border-left:4px solid var(--tone);border-radius:12px}
#wkb-state .wk-status .c-dot{width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in srgb,var(--tone) 18%,transparent)}
#wkb-state .wk-status b{font-size:15px;font-weight:700;color:var(--ov-text)}
#wkb-state .wk-status.bad b{color:var(--ov-bad)}
#wkb-state .wk-status>span:not(.c-dot){font-size:12.5px;color:var(--ov-muted)}
#wkb-state .wk-big{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0 0 10px}
#wkb-state .wk-big b{font-size:34px;line-height:1.05;font-weight:750;letter-spacing:-.8px;color:var(--color-text-strong,var(--ov-text));font-variant-numeric:tabular-nums}
#wkb-state .wk-big span{font-size:15px;font-weight:600;color:var(--ov-text)}
#wkb-state #wo-catalog-metrics .wk-bar{height:10px}
html body.product-support #section-support-rag #wkb-state #wo-catalog-sources{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px;margin:14px 0 0;padding:0;border:0;overflow:visible}
html body.product-support #section-support-rag #wkb-state #wo-catalog-sources .wo-source.wk-tile{display:flex!important;flex-direction:column;align-items:stretch;gap:3px;min-width:0;min-height:0;height:auto;padding:10px 12px!important;border:1px solid var(--ov-line)!important;border-radius:12px!important;background:var(--ov-surface)!important;color:var(--ov-muted)!important;text-align:left;box-shadow:none!important;cursor:pointer;font:inherit}
html body.product-support #section-support-rag #wkb-state .wk-tile>span{display:flex;flex:1 0 auto;align-items:flex-start;gap:7px;min-width:0;font-size:12px;font-weight:600;line-height:1.3;color:var(--ov-muted);white-space:normal;overflow-wrap:anywhere}
#wkb-state .wk-tile>span i{flex:none;width:9px;height:9px;margin-top:3px;border-radius:50%}
html body.product-support #section-support-rag #wkb-state .wk-tile>b{font-size:20px;line-height:1.15;font-weight:700;letter-spacing:-.3px;color:var(--ov-text);font-variant-numeric:tabular-nums}
#wkb-state .wk-tile>small{font-size:11.5px;line-height:1.3;color:var(--ov-muted);opacity:1}
html body.product-support #section-support-rag #wkb-state #wo-catalog-sources .wk-tile:hover{border-color:color-mix(in srgb,var(--ov-accent) 55%,var(--ov-line))!important;background:var(--wk-soft)!important}
html body.product-support #section-support-rag #wkb-state #wo-catalog-sources .wk-tile[aria-pressed="true"]{border-color:var(--ov-accent)!important;background:var(--wk-tint)!important;box-shadow:inset 0 0 0 1px var(--ov-accent)!important}
html body.product-support #section-support-rag #wkb-state .wk-tile[aria-pressed="true"]>span{color:var(--ov-text)}
#wkb-state .wk-tile:focus-visible{outline:3px solid color-mix(in srgb,var(--ov-accent) 45%,transparent);outline-offset:2px}
#section-support-rag #wkb-state .wo-sources-sep{grid-column:1/-1;align-self:end;padding:6px 0 0;border:0;font-size:11px}
#wkb-state .wk-stored{margin:12px 0 0;font-size:12.5px;line-height:1.45;color:var(--ov-muted);overflow-wrap:anywhere}
#wkb-state .wk-stored:empty{display:none}
@media (max-width:760px){html body.product-support #section-support-rag #wkb-state #wo-catalog-sources{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}#wkb-state .wk-big b{font-size:28px}}
@media (max-width:420px){html body.product-support #section-support-rag #wkb-state #wo-catalog-sources{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 html body.product-support #section-support-rag #wkb-state #wo-catalog-sources .wo-source.wk-tile{padding:8px 10px!important}
 html body.product-support #section-support-rag #wkb-state .wk-tile>b{font-size:17px}}
/* Три карточки-действия под «Как бот использует знания»: что открывает каждая. */
html body.product-support #section-support-rag .wk-how>.wk-acts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
html body.product-support #section-support-rag .wk-acts>.support-btn.wk-act{display:grid!important;align-content:start;justify-items:start;gap:4px;width:auto;height:auto!important;min-height:0!important;margin:0;padding:12px 14px!important;border:1px solid var(--ov-line)!important;border-radius:12px!important;background:var(--ov-surface)!important;box-shadow:none!important;color:var(--ov-text)!important;text-align:left;white-space:normal!important;line-height:1.35;font:inherit}
#section-support-rag .wk-act>b{font-size:13.5px;font-weight:650;color:var(--ov-text)}
#section-support-rag .wk-act>b::after{content:" ›";color:var(--ov-accent)}
#section-support-rag .wk-act>small{font-size:12px;font-weight:400;color:var(--ov-muted)}
html body.product-support #section-support-rag .wk-acts>.support-btn.wk-act:hover{border-color:color-mix(in srgb,var(--ov-accent) 55%,var(--ov-line))!important;background:var(--wk-tint)!important}
#section-support-rag .wk-act:focus-visible{outline:3px solid color-mix(in srgb,var(--ov-accent) 45%,transparent);outline-offset:2px}
@media (max-width:900px){html body.product-support #section-support-rag .wk-how>.wk-acts{grid-template-columns:minmax(0,1fr)}}
/* Итог использования над таблицей каталога. */
#section-support-rag .wk-usage{margin:0 0 8px;font-size:12.5px;color:var(--ov-muted)}
#section-support-rag .wk-usage b{font-weight:650;color:var(--ov-text)}
#section-support-rag .wk-usage[hidden]{display:none}
/* «Проверка поиска» → «Все источники базы»: название и «доступно · хранится» в строку, полоса под ними. */
html body.product-support #section-support-rag #supportRagSources .support-source-bar.wk-source-row{grid-template-columns:minmax(8em,1fr) minmax(0,auto);gap:4px 12px;font-size:12px}
#supportRagSources .wk-source-row>span{min-width:0;color:var(--ov-text);overflow-wrap:break-word}
#supportRagSources .wk-source-row>i{grid-column:1/-1;grid-row:2}
#supportRagSources .wk-source-row>b{font-weight:650;color:var(--ov-text);text-align:right;font-variant-numeric:tabular-nums}
#supportRagSources .wk-source-row>b>span{white-space:nowrap}
#supportRagSources .wk-source-row>b small{font-size:11.5px;font-weight:400;color:var(--ov-muted);white-space:nowrap}
/* «Источники» → «Редактировать отдельные материалы»: что не входит в список. */
.wk-excluded-note{margin:6px 0 10px;font-size:12px;line-height:1.45;color:var(--ov-muted,var(--color-text-muted))}