/* «Разбор ответов»: вкладки по типам, фильтры, карточки вопросов с ответом бота и формой ответа владельца.
   Цвета из токенов .support-shell (welcome-next.css), поэтому светлая и тёмная темы без отдельных правил. */
#section-support-answer-review{--war-soft:color-mix(in srgb,var(--ov-text) 4%,var(--ov-surface))}
#section-support-answer-review .war-bar{display:flex;flex-direction:column;gap:10px;margin:0 0 12px}
#section-support-answer-review .war-tabs{align-self:flex-start;max-width:100%}
#section-support-answer-review .war-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
#section-support-answer-review .war-select{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--ov-muted)}
html body.product-support #section-support-answer-review .war-select 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:260px}
/* «С тестовыми» переключателем, как в Live (#wlv-internal) и «Не разобранные» в Диалогах. */
html body.product-support #section-support-answer-review .war-toggle{position:relative;display:inline-flex;flex-direction:row;flex-wrap:nowrap!important;align-items:center;gap:8px;min-width:0;font-size:12px;color:var(--ov-muted);cursor:pointer;user-select:none}
html body.product-support #section-support-answer-review .war-toggle>span{flex:0 1 auto;min-width:0;font-weight:500!important;color:inherit!important}
html body.product-support #section-support-answer-review .war-toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;flex:none;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-answer-review .war-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 #section-support-answer-review .war-toggle input[type=checkbox]:checked{background:var(--ov-accent)!important;border-color:var(--ov-accent)!important}
#section-support-answer-review .war-toggle input[type=checkbox]:checked::before{transform:translateX(14px)}
#section-support-answer-review .war-toggle input[type=checkbox]:focus-visible{outline:3px solid color-mix(in srgb,var(--ov-accent) 45%,transparent);outline-offset:2px}
html body.product-support #section-support-answer-review .war-toggle:hover,html body.product-support #section-support-answer-review .war-toggle input:checked+span{color:var(--ov-text)!important}
@media (prefers-reduced-motion:reduce){#section-support-answer-review .war-toggle input[type=checkbox],#section-support-answer-review .war-toggle input[type=checkbox]::before{transition:none}}
#section-support-answer-review .war-status{min-height:18px;margin:0 0 10px;font-size:12px;color:var(--ov-muted)}
#section-support-answer-review .war-list{display:grid;gap:12px}
#section-support-answer-review .war-item{padding:14px 18px}
#section-support-answer-review .war-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 10px;font-size:12px;color:var(--ov-muted)}
#section-support-answer-review .war-kind{--tone:var(--ov-muted);display:inline-block;padding:2px 9px;border-radius:99px;font-size:11.5px;font-weight:650;color:var(--tone);background:color-mix(in srgb,var(--tone) 12%,var(--ov-surface));border:1px solid color-mix(in srgb,var(--tone) 30%,var(--ov-line))}
#section-support-answer-review .war-kind-no_answer{--tone:var(--ov-warn)}
#section-support-answer-review .war-kind-human{--tone:var(--ov-purple)}
#section-support-answer-review .war-kind-negative{--tone:var(--ov-bad)}
#section-support-answer-review .war-kind-clarify{--tone:var(--ov-accent)}
#section-support-answer-review .war-kind-failed{--tone:var(--ov-bad)}
#section-support-answer-review .war-texts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
#section-support-answer-review .war-q,#section-support-answer-review .war-a{min-width:0;padding:10px 12px;border-radius:10px;background:var(--war-soft)}
#section-support-answer-review .war-a{background:none;border:1px dashed var(--ov-line)}
#section-support-answer-review .war-texts small{display:block;margin:0 0 4px;font-size:11.5px;color:var(--ov-muted)}
#section-support-answer-review .war-texts p{margin:0;font-size:13px;line-height:1.5;color:var(--ov-text);white-space:pre-wrap;overflow-wrap:anywhere;max-height:12em;overflow:auto}
#section-support-answer-review .war-q p{font-weight:600}
#section-support-answer-review .war-reason,#section-support-answer-review .war-handled{margin:8px 0 0;font-size:12px;color:var(--ov-muted)}
#section-support-answer-review .war-handled{color:var(--ov-text)}
#section-support-answer-review .war-repeats{margin:8px 0 0;font-size:12px;color:var(--ov-text)}
#section-support-answer-review .war-repeats summary{cursor:pointer;color:var(--ov-text);font-weight:600}
#section-support-answer-review .war-repeats ul{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:4px}
#section-support-answer-review .war-repeats li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;color:var(--ov-muted)}
html body.product-support #section-support-answer-review .war-link{border:0!important;background:none!important;padding:0!important;min-height:0!important;box-shadow:none!important;color:var(--ov-accent)!important;font:inherit;font-size:12px!important;cursor:pointer;text-decoration:underline}
#section-support-answer-review .war-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
html body.product-support #section-support-answer-review .war-actions .support-btn{padding:6px 12px!important;min-height:0!important;font-size:12px!important}
#section-support-answer-review .war-form{display:grid;gap:6px;margin:12px 0 0;padding:12px;border:1px solid color-mix(in srgb,var(--ov-accent) 35%,var(--ov-line));border-radius:12px;background:color-mix(in srgb,var(--ov-accent) 4%,var(--ov-surface))}
#section-support-answer-review .war-form label:not(.support-check){display:grid;gap:4px;font-size:12px;font-weight:600;color:var(--ov-text)}
html body.product-support #section-support-answer-review .war-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!important;font-weight:400;line-height:1.5;resize:vertical}
#section-support-answer-review .war-form .war-actions{margin-top:4px}
#section-support-answer-review .war-form-status{margin:0;min-height:16px;font-size:12px;color:var(--ov-bad)}
#section-support-answer-review .war-muted{font-size:12px;color:var(--ov-muted)}
#section-support-answer-review .war-warn{font-size:12px;color:var(--ov-warn)}
#section-support-answer-review .war-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:32px 16px;border:1px solid var(--ov-line);border-radius:14px;background:var(--ov-surface);text-align:center}
#section-support-answer-review .war-empty-ico{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 0 4px;border-radius:50%;color:var(--ov-accent);background:color-mix(in srgb,var(--ov-accent) 12%,var(--ov-surface))}
#section-support-answer-review .war-empty-ico svg{width:26px;height:26px}
#section-support-answer-review .war-empty h3{margin:0;font-size:15px;font-weight:700;color:var(--ov-text)}
#section-support-answer-review .war-empty p{margin:0;max-width:440px;font-size:13px;line-height:1.5;color:var(--ov-muted);overflow-wrap:anywhere}
#section-support-answer-review .war-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:8px 0 0}
html body.product-support #section-support-answer-review .war-empty-actions .support-btn{padding:6px 12px!important;min-height:0!important;font-size:12px!important}
#section-support-answer-review .war-pager:not([hidden]){display:flex;align-items:center;gap:10px;margin:12px 0 0;font-size:12px;color:var(--ov-muted)}
/* Вкладка отказов второстепенная, статистика недели, выбор, статус карточки, проверка бота, «Почему не ответил», похожие карточки. */
#section-support-answer-review .war-tabs-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
#section-support-answer-review .war-tabs-extra{opacity:.85}
#section-support-answer-review .war-tabs-extra button{font-size:12px}
#section-support-answer-review .war-stats{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--ov-text)}
html body.product-support #section-support-answer-review .war-export{padding:6px 12px!important;min-height:0!important;font-size:12px!important;margin-left:auto}
#section-support-answer-review .war-selbar:not([hidden]){display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 10px;font-size:12px;color:var(--ov-muted)}
html body.product-support #section-support-answer-review .war-selbar .support-btn{padding:6px 12px!important;min-height:0!important;font-size:12px!important}
#section-support-answer-review .war-pick{display:inline-flex;align-items:center}
#section-support-answer-review .war-pick input{width:16px;height:16px;margin:0;accent-color:var(--ov-accent)}
#section-support-answer-review .war-card{--tone:var(--ov-muted);display:inline-block;padding:2px 9px;border-radius:99px;font-size:11.5px;font-weight:650;color:var(--tone);background:color-mix(in srgb,var(--tone) 12%,var(--ov-surface));border:1px solid color-mix(in srgb,var(--tone) 30%,var(--ov-line));overflow-wrap:anywhere}
#section-support-answer-review .war-card-wait{--tone:var(--ov-purple)}
#section-support-answer-review .war-card-ok{--tone:var(--ov-accent)}
#section-support-answer-review .war-card-bad{--tone:var(--ov-bad)}
#section-support-answer-review .war-card-warn{--tone:var(--ov-warn)}
#section-support-answer-review .war-failed{margin:8px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
#section-support-answer-review .war-recent:not([hidden]){display:grid;gap:6px;margin:0 0 10px;padding:10px 12px;border:1px solid var(--ov-line);border-radius:12px;background:var(--war-soft)}
#section-support-answer-review .war-recent-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12px}
#section-support-answer-review .war-why{margin:8px 0 0;font-size:12px;color:var(--ov-text)}
#section-support-answer-review .war-why summary{cursor:pointer;font-weight:600;color:var(--ov-accent)}
#section-support-answer-review .war-why-body{margin:6px 0 0;padding:10px 12px;border-radius:10px;background:var(--war-soft)}
#section-support-answer-review .war-why-list{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 12px;margin:0 0 8px}
#section-support-answer-review .war-why-list dt{color:var(--ov-muted)}
#section-support-answer-review .war-why-list dd{margin:0;overflow-wrap:anywhere}
#section-support-answer-review .war-sources{margin:4px 0 6px;padding-left:20px;display:grid;gap:6px;font-size:12px}
#section-support-answer-review .war-sources p,#section-support-answer-review .war-similar p{margin:2px 0 0;color:var(--ov-muted);white-space:pre-wrap;overflow-wrap:anywhere;max-height:8em;overflow:auto}
#section-support-answer-review .war-src-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
#section-support-answer-review .war-src-head a{color:var(--ov-accent);overflow-wrap:anywhere}
#section-support-answer-review .war-score{font-size:11px;font-variant-numeric:tabular-nums;color:var(--ov-muted)}
#section-support-answer-review .war-probe-slot:empty{display:none}
#section-support-answer-review .war-probe-slot{margin:10px 0 0;font-size:12px}
#section-support-answer-review .war-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)}
#section-support-answer-review .war-probe-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;color:var(--ov-muted)}
#section-support-answer-review .war-probe-head b{color:var(--ov-text)}
#section-support-answer-review .war-probe-text{margin:0 0 4px;font-size:13px;line-height:1.5;color:var(--ov-text);white-space:pre-wrap;overflow-wrap:anywhere;max-height:16em;overflow:auto}
#section-support-answer-review .war-draft-slot:empty,#section-support-answer-review .war-similar-slot:empty{display:none}
#section-support-answer-review .war-similar{display:grid;gap:6px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--ov-warn) 40%,var(--ov-line));border-radius:10px;background:color-mix(in srgb,var(--ov-warn) 6%,var(--ov-surface));font-size:12px;color:var(--ov-text)}
#section-support-answer-review .war-similar ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
#section-support-answer-review .war-similar li{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
#section-support-answer-review .war-similar li>div{min-width:0}
html body.product-support #section-support-answer-review .war-similar .support-btn{padding:5px 10px!important;min-height:0!important;font-size:12px!important;flex:none}
#section-support-answer-review .war-choice{margin:0;font-size:12px;color:var(--ov-text)}
@media (max-width:760px){
  #section-support-answer-review .war-texts{grid-template-columns:1fr}
  #section-support-answer-review .war-item{padding:12px 14px}
  #section-support-answer-review .war-similar li{flex-direction:column}
  html body.product-support #section-support-answer-review .war-export{margin-left:0}
  html body.product-support #section-support-answer-review .war-actions .support-btn{white-space:normal;text-align:left}
}
