.dialog-answer-evidence { margin-top: 12px; padding-top: 10px; border-top: 1px solid #b9d5d3; font-size: 12px; line-height: 1.5; }
.dialog-answer-evidence p { margin: 6px 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.dialog-answer-source { margin: 8px 0; padding: 10px; border-left: 3px solid #087e78; }
#wa-dialog { width: min(1000px, 94vw); }
#wa-dialog .wa-item { margin: 16px 0; }
#wa-dialog p { white-space: pre-wrap; overflow-wrap: anywhere; }
#wa-dialog textarea { width: 100%; box-sizing: border-box; }
#wa-dialog .wa-context { padding: 10px; background: var(--color-bg, #f3f6f8); border-radius: 8px; }
/* Доступ: таблица пользователей */
.support-shell .wla-table .wn-thead,.support-shell .wla-table .wn-row{grid-template-columns:minmax(140px,1fr) minmax(110px,.7fr) minmax(150px,1fr) minmax(0,2.6fr)}
.support-shell .wla-table .wn-row{border-bottom:1px solid var(--ov-line)}
.wla-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.wla-actions .support-btn{white-space:nowrap}
.wla-admins{font-size:13px}
.wla-pass{padding:8px 6px;border-bottom:1px solid var(--ov-line)}
.support-check-fixed{font-size:13px;color:var(--ov-muted,#6b7280);margin:0 0 8px}
@media (max-width:760px){.support-shell .wla-table .wn-row{grid-template-columns:1fr}}
.test-source{display:flex;gap:8px;align-items:flex-start;margin-top:10px;font-size:12px;color:var(--color-text-muted,#6b7280);line-height:1.4}
.test-source input{margin-top:2px}
/* Эксперименты: сводка и ответы вариантов рядом */
.wm-control{display:flex;gap:8px;align-items:center;margin:8px 0;font-size:13px}
.support-shell .wm-exp-summary .wn-thead,.support-shell .wm-exp-summary .wn-row,.wm-dialog .wm-exp-summary .wn-thead,.wm-dialog .wm-exp-summary .wn-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr) minmax(0,1.2fr) minmax(0,.8fr);gap:12px;padding:8px 4px;border-bottom:1px solid var(--color-border,#e5e7eb);font-size:13px}
.wm-exp-answers{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:8px}
.wm-exp-answer{border:1px solid var(--color-border,#e5e7eb);border-radius:10px;padding:10px 12px;font-size:13px}
.wm-exp-answer small{display:block;color:var(--color-text-muted,#6b7280);margin:2px 0 6px}
.wm-exp-answer p{margin:0;white-space:pre-wrap}
/* Аналитика: воронка обращений */
.wm-funnel{display:grid;gap:8px}
.wm-funnel-row{display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(0,3fr) 60px 44px;gap:12px;align-items:center;font-size:13px}
.wm-funnel-bar{height:10px;border-radius:6px;background:color-mix(in srgb,var(--color-text,#172532) 7%,transparent);overflow:hidden}
.wm-funnel-bar i{display:block;height:100%;border-radius:6px;background:var(--color-accent,#087e78)}
.wm-funnel-row b{text-align:right;font-variant-numeric:tabular-nums}.wm-funnel-row small{color:var(--color-text-muted,#6b7280);text-align:right}
@media (max-width:760px){.wm-funnel-row{grid-template-columns:1fr 60px 44px}.wm-funnel-bar{grid-column:1/-1;grid-row:2}}

/* Настройки и система: «Ответы», «Правила бота», «Тексты бота», «История изменений», «Доступ сотрудников», «Система и обслуживание».
   Цвета только из --ov-* и --wk-* (welcome-next.css), поэтому тёмная тема работает сама.
   Длинный префикс нужен, чтобы перебить старые правила style1-support.css и welcome-panel-polish.css. */
.ws-page{--ws-soft:var(--wk-soft,color-mix(in srgb,var(--ov-text) 4%,var(--ov-surface)))}
/* Шапка: значок, заголовок, подзаголовок, действия */
html body.product-support .support-shell.ws-page>.ws-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:12px 16px;flex-wrap:wrap}
html body.product-support .support-shell.ws-page>.ws-head::after{display:none!important}
.ws-page .ws-title{display:flex;align-items:center;gap:12px;min-width:0}
.ws-page .ws-title .c-ico{width:40px;height:40px;border-radius:12px}
.ws-page .ws-title .c-ico svg{width:20px;height:20px}
.ws-page .ws-title h2{margin:0;letter-spacing:-.6px}
html body.product-support .ws-page .ws-title p{margin:4px 0 0!important;font-size:12px!important;color:var(--ov-muted)!important;max-width:70ch}
html body.product-support .ws-page .ws-head .wn-actions .support-btn{padding:7px 14px!important;min-height:0!important;font-size:12px!important}
.ws-page>.layout-tabs{margin:0 0 14px}
/* Статус в шапке: те же цвета, что у бейджей, и в тёмной теме */
html body.product-support.assistant-admin .ws-page #supportSettingsBadge{border-radius:99px!important;padding:4px 11px!important;min-height:0!important;font-size:12px!important;font-weight:650!important;color:var(--ov-accent)!important;background:color-mix(in srgb,var(--ov-accent) 12%,var(--ov-surface))!important;border:0!important}
html body.product-support.assistant-admin .ws-page #supportSettingsBadge[data-state=warning]{color:var(--ov-warn)!important;background:color-mix(in srgb,var(--ov-warn) 14%,var(--ov-surface))!important}
html body.product-support.assistant-admin .ws-page #supportSettingsBadge[data-state=error]{color:var(--ov-bad)!important;background:color-mix(in srgb,var(--ov-bad) 12%,var(--ov-surface))!important}
html body.product-support.assistant-admin .ws-page #supportSettingsBadge[data-state=loading]{color:var(--ov-muted)!important;background:var(--ws-soft)!important}
.ws-page .ws-help{margin-bottom:14px}
/* Карточки сводки */
.ws-page .ws-kpis{margin:0 0 16px}
html body.product-support .ws-page .ws-kpis .wn-kpi{display:flex;flex-direction:column;padding:16px 18px;margin:0}
.ws-page .ws-value{display:block;margin:10px 0 6px;font-size:20px;line-height:1.25;font-weight:700;letter-spacing:-.3px;color:var(--color-text-strong,var(--ov-text));overflow-wrap:anywhere}
.ws-page .ws-kpis .bad .ws-value{color:var(--ov-bad)}
.ws-page .ws-kpis .warn .ws-value{color:var(--ov-warn)}
html body.product-support .ws-page .ws-kpis .c-foot{margin:auto 0 0!important;font-size:12px!important;line-height:1.45;color:var(--ov-muted)!important;overflow-wrap:anywhere}
/* Форма правил */
html body.product-support.assistant-admin #section-support-settings.ws-page #supportSettingsForm{display:block}
html body.product-support.assistant-admin #section-support-settings.ws-page #supportSettingsForm[hidden]{display:none}
html body.product-support.assistant-admin #section-support-settings.ws-page .ws-layout{display:flex!important;flex-direction:column;gap:16px;margin:0}
html body.product-support.assistant-admin #section-support-settings.ws-page .support-settings-card.ws-card{padding:18px 20px!important;border:1px solid var(--ov-line)!important;border-radius:var(--r-l,16px)!important;background:var(--ov-surface)!important;box-shadow:var(--sh-1)!important;margin:0}
html body.product-support.assistant-admin #section-support-settings.ws-page .support-settings-card.ws-card h3{margin:0 0 4px!important;font-size:15px!important;font-weight:700;letter-spacing:-.2px;color:var(--ov-text)}
html body.product-support.assistant-admin #section-support-settings.ws-page .support-settings-card.ws-card>p{margin:0 0 14px!important;font-size:12px!important;line-height:1.5;color:var(--ov-muted)!important;max-width:90ch}
html body.product-support.assistant-admin #section-support-settings.ws-page .ws-card label{display:grid;gap:6px;font-size:12px!important;font-weight:600;color:var(--ov-text)!important;min-width:0}
html body.product-support.assistant-admin #section-support-settings.ws-page .ws-card :is(input:not([type=checkbox]),select,textarea){width:100%;min-width:0;box-sizing:border-box;font-weight:400}
html body.product-support.assistant-admin #section-support-settings.ws-page .ws-card textarea{min-height:0;resize:vertical;line-height:1.5}
/* Закреплённые значения (порог, число фрагментов): поле только для чтения выглядит как значение, а не как поле ввода */
html body.product-support.assistant-admin #section-support-settings.ws-page .ws-card :is(input,textarea)[readonly]{border-style:dashed!important;border-color:var(--ov-line)!important;background:var(--ws-soft)!important;color:var(--ov-muted)!important;cursor:default;box-shadow:none!important}
/* Метка «закреплено» у порога и числа фрагментов: маленький нейтральный чип, не статус */
html body.product-support.assistant-admin #section-support-settings.ws-page .ws-card .c-badge.ws-locked{justify-self:start;padding:1px 8px;border:1px solid var(--ov-line);background:var(--ws-soft);color:var(--ov-muted);font-size:11px;font-weight:600;line-height:1.5}
html body.product-support.assistant-admin #section-support-settings.ws-page .ws-wide-field{margin-top:14px}
html body.product-support.assistant-admin #section-support-settings.ws-page :is(.ws-field-note,.welcome-field-hint){display:block;font-size:12px;font-weight:400;line-height:1.45;color:var(--ov-muted)}
/* Режим ответов: плитки */
/* Старая подсказка о режимах из welcome-layout.js: её содержание теперь в плитках и в «Как это работает». */
html body.product-support #section-support-settings .ws-card .panel-help{display:none!important}
html body.product-support.assistant-admin #section-support-settings.ws-page .ws-mode-select{max-width:320px;margin-bottom:12px}
.ws-page .ws-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
html body.product-support #section-support-settings button.ws-mode{display:grid!important;align-content:start;gap:4px;min-height:0!important;padding:12px 14px!important;border:1px solid var(--ov-line)!important;border-radius:12px!important;background:var(--ov-surface)!important;color:var(--ov-text)!important;box-shadow:none!important;text-align:left;font:inherit;cursor:pointer;position:relative}
html body.product-support #section-support-settings button.ws-mode:hover{border-color:color-mix(in srgb,var(--ov-accent) 45%,var(--ov-line))!important}
.ws-page .ws-mode b{font-size:13px;font-weight:650}
.ws-page .ws-mode small{font-size:12px;line-height:1.45;color:var(--ov-muted)}
.ws-page .ws-mode .ws-mode-now{justify-self:start;margin-top:4px;padding:2px 8px;border-radius:99px;font-style:normal;font-size:11px;font-weight:650;color:var(--ov-accent);background:color-mix(in srgb,var(--ov-accent) 12%,var(--ov-surface))}
.ws-page .ws-mode .ws-mode-now[hidden]{display:none}
html body.product-support.assistant-admin #section-support-settings.ws-page .ws-note{margin:10px 0 0!important;font-size:12px!important;line-height:1.5;color:var(--ov-muted)!important}
html body.product-support.assistant-admin #section-support-settings.ws-page .ws-note[data-state=warn]{color:var(--ov-warn)!important;font-weight:600}
/* Значения только для чтения */
.ws-page .ws-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 12px}
.ws-page .ws-val{display:grid;gap:2px;min-width:0;padding:12px 14px;border-radius:12px;background:var(--ws-soft)}
.ws-page .ws-val span{font-size:12px;font-weight:600;color:var(--ov-text)}
.ws-page .ws-val b{font-size:20px;line-height:1.2;font-weight:700;color:var(--ov-text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ws-page .ws-val small{font-size:12px;color:var(--ov-muted)}
html body.product-support.assistant-admin #section-support-settings.ws-page .ws-check{display:flex!important;align-items:center!important;gap:8px!important;font-size:13px!important;font-weight:400!important;color:var(--ov-text)!important;margin:0 0 4px}
html body.product-support.assistant-admin #section-support-settings.ws-page .ws-check span{font-size:13px}
/* Раскрывающиеся блоки */
.ws-page .ws-fold{margin-top:12px}
.ws-page .ws-fold>summary{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border:1px solid var(--ov-line);border-radius:9px;background:var(--ov-surface);color:var(--ov-text);font-size:12px;font-weight:600;cursor:pointer;list-style:none}
.ws-page .ws-fold>summary::-webkit-details-marker{display:none}
.ws-page .ws-fold>summary::after,.ws-page .ws-how>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}
.ws-page .ws-fold[open]>summary::after,.ws-page .ws-how[open]>summary::after{transform:rotate(-135deg) translateY(-1px)}
.ws-page .ws-fold[open]>summary{margin-bottom:12px}
html body.product-support.assistant-admin .ws-page .ws-warn{margin:0 0 12px!important;padding:10px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--ov-warn) 35%,var(--ov-line));background:color-mix(in srgb,var(--ov-warn) 8%,var(--ov-surface));color:var(--ov-text)!important;font-size:12px!important;line-height:1.5}
.ws-page .ws-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px}
.ws-page .ws-actions small{font-size:12px;color:var(--ov-muted)}
/* Что изменится после публикации */
.ws-page #ws-diff{overflow-x:auto;max-width:100%}
.ws-page #ws-diff:empty{display:none}
.ws-page .ws-diff-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}
html body.product-support .ws-page .ws-diff-table th{padding:6px 10px!important;border:0!important;border-bottom:1px solid var(--ov-line)!important;background:none!important;font-size:11px;font-weight:650;letter-spacing:.4px;text-transform:uppercase;color:var(--ov-muted)!important;text-align:left!important}
html body.product-support .ws-page .ws-diff-table td{padding:10px!important;border:0!important;border-bottom:1px solid var(--ov-line)!important;background:none!important;color:var(--ov-text)!important;vertical-align:top!important;text-align:left!important}
.ws-page .ws-diff-table th:first-child{width:24%}
.ws-page .ws-diff-table td:first-child{font-weight:600}
.ws-page .ws-diff-table td>div{max-height:9.5em;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}
.ws-page .ws-diff-table td:nth-child(2)>div{color:var(--ov-muted)}
.ws-page .ws-diff-table td:nth-child(3)>div{color:var(--ov-text);font-weight:500}
.ws-page .ws-answer-text{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px 14px;border-radius:12px;background:var(--ws-soft);font-size:13px;line-height:1.55}
html body.product-support.assistant-admin #section-support-settings.ws-page #ws-progress{margin:10px 0 0!important;font-size:12px!important;color:var(--ov-muted)!important}
html body.product-support.assistant-admin #section-support-settings.ws-page #ws-progress:empty{display:none}
/* Как это работает */
.ws-page .ws-how{margin-top:16px}
.ws-page .ws-how>summary{display:flex;align-items:center;cursor:pointer;font-size:14px;font-weight:650;color:var(--ov-text);list-style:none}
.ws-page .ws-how>summary::-webkit-details-marker{display:none}
.ws-page .ws-how-body{margin-top:10px;max-width:90ch}
.ws-page .ws-how-body p{margin:0 0 8px;font-size:13px;line-height:1.55;color:var(--ov-muted)}
.ws-page .ws-how-body p b{color:var(--ov-text);font-weight:600}
.ws-page .ws-how-body p:last-child{margin-bottom:0}
.ws-page .ws-how[hidden]{display:none}
/* Доступ сотрудников */
html body.product-support #section-support-settings #layout-access{padding:18px 20px!important;border:1px solid var(--ov-line)!important;border-radius:var(--r-l,16px)!important;background:var(--ov-surface)!important;box-shadow:var(--sh-1)!important}
html body.product-support #section-support-settings #layout-access[hidden]{display:none!important}
html body.product-support #section-support-settings #layout-access>h3{margin:0 0 4px;font-size:15px;font-weight:700}
html body.product-support #section-support-settings #layout-access>p{font-size:12px;line-height:1.5;color:var(--ov-muted);max-width:90ch}
html body.product-support #section-support-settings #layout-access .wla-table .wn-row{padding:12px 6px}
html body.product-support #section-support-settings #layout-access .wla-table .wn-row>span{font-size:13px}
html body.product-support #section-support-settings #layout-access .wla-actions .support-btn{padding:5px 10px!important;min-height:0!important;font-size:12px!important}
/* Форма доступа: сетка в две колонки (логин и пароль, роль и свой пароль), галочка и кнопка отдельными строками. */
html body.product-support #section-support-settings #layout-access #layout-viewer-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;align-items:start;max-width:980px;margin:6px 0 4px}
html body.product-support #section-support-settings #layout-access #layout-viewer-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--ov-muted);min-width:0}
html body.product-support #section-support-settings #layout-access #layout-viewer-form .wla-submit{grid-column:1/-1;justify-self:start}
html body.product-support #section-support-settings #layout-access #layout-viewer-form .wla-pass-row{flex-wrap:nowrap}
html body.product-support #section-support-settings #layout-access .wla-pass-row .support-btn{flex:none}
@media (max-width:760px){html body.product-support #section-support-settings #layout-access #layout-viewer-form{grid-template-columns:1fr}html body.product-support #section-support-settings #layout-access #layout-viewer-form .wla-pass-row{flex-wrap:wrap}}
/* Система и обслуживание */
html body.product-support #section-support-maintenance.ws-page .ws-worker{margin:-4px 0 14px;font-size:12px;color:var(--ov-muted)}
html body.product-support #section-support-maintenance.ws-page .ws-worker[data-state=bad]{color:var(--ov-bad);font-weight:600}
html body.product-support #section-support-maintenance.ws-page .ws-worker:empty{display:none}
html body.product-support.assistant-admin #section-support-maintenance.ws-page .support-settings-card.ws-control{padding:18px 20px!important;border:1px solid var(--ov-line)!important;border-radius:var(--r-l,16px)!important;background:var(--ov-surface)!important;box-shadow:var(--sh-1)!important;margin:0 0 16px}
.ws-page .ws-control-rows{display:grid;border-top:1px solid var(--ov-line)}
.ws-page .ws-control-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px 14px;align-items:center;padding:12px 2px;border-bottom:1px solid var(--ov-line)}
.ws-page .ws-control-row b{font-size:13px;font-weight:650;color:var(--ov-text)}
html body.product-support .ws-page .ws-control-row p{margin:2px 0 0!important;font-size:12px!important;line-height:1.45;color:var(--ov-muted)!important}
html body.product-support.assistant-admin .ws-page .ws-control-row .support-pill{border-radius:99px;padding:3px 10px;font-size:12px;font-weight:650;color:var(--ov-accent);background:color-mix(in srgb,var(--ov-accent) 12%,var(--ov-surface))}
/* Пауза включена (warning) жёлтым, состояние неизвестно (error) красным: data-state ставит operators.js. */
html body.product-support.assistant-admin .ws-page .ws-control-row .support-pill[data-state=warning]{color:var(--ov-warn);background:color-mix(in srgb,var(--ov-warn) 14%,var(--ov-surface))}
html body.product-support.assistant-admin .ws-page .ws-control-row .support-pill[data-state=error]{color:var(--ov-bad);background:color-mix(in srgb,var(--ov-bad) 12%,var(--ov-surface))}
html body.product-support.assistant-admin .ws-page .ws-control-row .support-btn{padding:6px 12px!important;min-height:0!important;font-size:12px!important;white-space:nowrap}
html body.product-support .ws-page .ws-control>.ws-note{margin:10px 0 0;font-size:12px;color:var(--ov-muted)}
/* Таблицы заданий и версий */
.ws-page .ws-table{display:grid;border-top:1px solid var(--ov-line)}
.ws-page .ws-thead,html body.product-support .ws-page .ws-table .ws-row{display:grid;grid-template-columns:minmax(0,2.4fr) 132px minmax(0,1.4fr) 118px;gap:6px 14px;align-items:center}
.ws-page .ws-thead{padding:8px 4px;font-size:11px;font-weight:650;letter-spacing:.6px;text-transform:uppercase;color:var(--ov-muted);border-bottom:1px solid var(--ov-line)}
html body.product-support .ws-page .ws-table .ws-row{width:auto;margin:0;padding:11px 4px;border:0;border-bottom:1px solid var(--ov-line);border-radius:0;background:none;box-shadow:none;color:var(--ov-text);text-align:left}
.ws-page .ws-row>div{min-width:0}
.ws-page .ws-row b{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}
.ws-page .ws-row small{display:block;margin-top:2px;font-size:12px;line-height:1.45;color:var(--ov-muted);overflow-wrap:anywhere}
.ws-page .ws-row small.ws-inline{margin-top:0}
.ws-page .ws-row>div>span{font-size:12px;color:var(--ov-text)}
.ws-page .ws-row[data-status=failed] .ws-cell-main small{color:var(--ov-bad)}
.ws-page .ws-row progress{display:block;width:min(320px,100%);height:6px;margin-top:6px;accent-color:var(--ov-accent)}
.ws-page .ws-cell-action{display:flex;justify-content:flex-end}
html body.product-support .ws-page .ws-cell-action .support-btn{padding:5px 12px!important;min-height:0!important;font-size:12px!important;white-space:nowrap}
.ws-page .ws-table .support-empty{padding:14px 4px;font-size:13px;color:var(--ov-muted)}
.ws-page .wm-badge{border-radius:99px;padding:3px 10px;font-size:12px;font-weight:650;color:var(--ov-muted);background:var(--ws-soft)}
.ws-page .wm-badge:is([data-state=succeeded],[data-state=completed],[data-state=published]){color:var(--ov-accent);background:color-mix(in srgb,var(--ov-accent) 12%,var(--ov-surface))}
.ws-page .wm-badge:is([data-state=running],[data-state=pending],[data-state=building]){color:var(--ov-warn);background:color-mix(in srgb,var(--ov-warn) 14%,var(--ov-surface))}
.ws-page .wm-badge[data-state=failed]{color:var(--ov-bad);background:color-mix(in srgb,var(--ov-bad) 12%,var(--ov-surface))}
/* Правило обновления справки: форма живёт в «Базе знаний», здесь сводка и переход */
#ws-help-rule .ws-actions:empty{display:none}
#ws-help-rule #wm-policy,#ws-help-rule>.wm-toolbar{margin-top:12px}
@media (max-width:1100px){
 .ws-page .ws-modes{grid-template-columns:1fr}
}
@media (max-width:760px){
 .ws-page .ws-values{grid-template-columns:1fr}
 .ws-page .ws-val b{font-size:18px}
 .ws-page .ws-thead{display:none}
 html body.product-support .ws-page .ws-table .ws-row{grid-template-columns:minmax(0,1fr) auto;align-items:start}
 .ws-page .ws-row>.ws-cell-main{grid-column:1 / -1}
 .ws-page .ws-row>div:nth-child(2){grid-column:1}
 .ws-page .ws-row>div:nth-child(3){grid-column:1 / -1}
 .ws-page .ws-row>.ws-cell-action{grid-column:2;grid-row:2;justify-content:flex-end}
 .ws-page .ws-row>.ws-cell-action:empty{display:none}
 .ws-page .ws-control-row{grid-template-columns:minmax(0,1fr)}
 .ws-page .ws-control-row :is(.support-pill,.support-btn){justify-self:start}
 .ws-page .ws-diff-table,.ws-page .ws-diff-table tbody,.ws-page .ws-diff-table tr,.ws-page .ws-diff-table td{display:block;width:auto;min-width:0}
 .ws-page .ws-diff-table thead{display:none}
 .ws-page .ws-diff-table tr{padding:8px 0;border-bottom:1px solid var(--ov-line)}
 html body.product-support .ws-page .ws-diff-table td{border:0!important;padding:4px 0!important}
 .ws-page .ws-diff-table td:not(:first-child)::before{content:attr(data-label);display:block;font-size:11px;font-weight:600;color:var(--ov-muted);margin-bottom:2px}
 html body.product-support .support-shell.ws-page>.ws-head{align-items:flex-start}
}
@media (max-width:560px){
 html body.product-support.assistant-admin #section-support-settings.ws-page .support-settings-card.ws-card,html body.product-support.assistant-admin #section-support-maintenance.ws-page .support-settings-card.ws-control{padding:14px!important}
 html body.product-support #section-support-settings #layout-access{padding:14px!important}
}
/* Доступ сотрудников: привязка Telegram ID (разметка welcome-layout.js) */
html body.product-support #section-support-settings #layout-access .wla-tg{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;padding:8px 6px}
html body.product-support #section-support-settings #layout-access .wla-tg input{width:16ch;max-width:100%}
html body.product-support #section-support-settings #layout-access .wla-tg-error{font-size:12px;color:var(--ov-bad)}
html body.product-support #section-support-settings #layout-access .wla-own{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;padding:8px 6px}
html body.product-support #section-support-settings #layout-access #layout-viewer-form .wla-check{grid-column:1/-1;flex-direction:row;align-items:center;gap:10px;font-size:14px;color:var(--ov-text)}
html body.product-support #section-support-settings #layout-access #layout-viewer-form .wla-check input{width:18px;height:18px;flex:none;margin:0}
html body.product-support #section-support-settings #layout-access .wla-pass{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px;padding:10px 6px}
html body.product-support #section-support-settings #layout-access .wla-pass label{display:flex;flex-direction:column;gap:6px;flex:1 1 320px;min-width:0;font-size:13px;color:var(--ov-muted)}
html body.product-support #section-support-settings #layout-access .wla-pass-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
html body.product-support #section-support-settings #layout-access .wla-pass-row input{flex:1 1 14ch;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em}
html body.product-support #section-support-settings #layout-access .wla-created{display:flex;flex-direction:column;gap:8px;margin:12px 0;padding:14px 16px;border:1px solid var(--ov-accent);border-radius:12px;background:var(--ov-surface);color:var(--ov-text)}
html body.product-support #section-support-settings #layout-access .wla-created code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;user-select:all;overflow-wrap:anywhere}
html body.product-support #section-support-settings #layout-access .wla-tg-hint{font-size:12px;color:var(--ov-muted)}
@media (max-width:560px){html body.product-support #section-support-settings #layout-access .wla-tg input{flex:1 1 100%;width:100%}}
/* Полосы состояния вместо плиток на «Правилах ответов» и «Системе и обслуживании»; режим только карточками */
.ws-page #ws-kpis,.ws-page #ws-m-kpis,#section-support-settings #ws-kpis,#section-support-maintenance #ws-m-kpis{display:none!important}
#section-support-settings .ws-mode-select{display:none!important}
.ws-strip{display:grid;gap:4px;padding:12px 16px;margin:0 0 14px;border-left:4px solid var(--ov-muted)}
.ws-strip.ok{border-left-color:var(--ov-accent)}.ws-strip.warn{border-left-color:var(--ov-warn)}.ws-strip.bad{border-left-color:var(--ov-bad)}
.ws-strip-main{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:14px;color:var(--ov-text)}
.ws-strip-main span{color:var(--ov-muted)}
.ws-strip .c-dot{width:9px;height:9px;border-radius:50%;background:var(--ov-muted)}
.ws-strip.ok .c-dot{background:var(--ov-accent)}.ws-strip.warn .c-dot{background:var(--ov-warn)}.ws-strip.bad .c-dot{background:var(--ov-bad)}
.ws-strip small{font-size:12.5px;color:var(--ov-muted);padding-left:17px}
#section-support-maintenance .ws-jobs-seg{margin:0 0 10px}
#section-support-maintenance .ws-jobs-seg b{font-weight:600;margin-left:2px}
#section-support-maintenance .ws-jobs-more{margin-top:10px}
#layout-viewer-form .wla-form-error{grid-column:1/-1;margin:0;color:var(--ov-bad,#bd554c);font-size:13px;font-weight:600;line-height:1.5}#layout-viewer-form .wla-form-error:empty{display:none}
/* Поиск по базе: открытые поля с пояснением под каждым */
#section-support-settings .ws-search-fields label{display:flex;flex-direction:column;gap:6px}
#section-support-settings .ws-field-note{font-size:12px;line-height:1.45;color:var(--ov-muted);font-weight:400}
/* «Скорость и нагрузка» */
#layout-speed{display:grid;gap:16px;max-width:1100px}
#layout-speed[hidden]{display:none}
#layout-speed .wsp-strip{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:12px 16px;border:1px solid var(--ov-line);border-left:4px solid var(--ov-accent);border-radius:12px;background:var(--ov-surface);font-size:14px;color:var(--ov-text)}
#layout-speed .wsp-strip.warn{border-left-color:var(--ov-warn)}#layout-speed .wsp-strip.bad{border-left-color:var(--ov-bad)}
#layout-speed .wsp-strip span{color:var(--ov-muted)}
#layout-speed .wsp-strip .c-dot{width:9px;height:9px;border-radius:50%;background:var(--ov-accent)}
#layout-speed .wsp-strip.warn .c-dot{background:var(--ov-warn)}#layout-speed .wsp-strip.bad .c-dot{background:var(--ov-bad)}
#layout-speed .wsp-card h3{margin:0 0 8px;font-size:16px}
#layout-speed .wsp-lead{margin:0 0 14px;font-size:14px;line-height:1.5;color:var(--ov-text)}
#layout-speed .wsp-seg{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--ov-line);border-radius:10px;margin-bottom:16px}
#layout-speed .wsp-seg button{min-width:40px;min-height:36px;border:0;border-radius:7px;background:transparent;color:var(--ov-text);font:inherit;font-weight:650;cursor:pointer}
#layout-speed .wsp-seg button.active{background:var(--ov-text);color:var(--ov-surface)}
#layout-speed .wsp-est{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#layout-speed .wsp-est>div{display:grid;gap:4px;padding:14px 16px;border-radius:12px;background:color-mix(in srgb,var(--ov-text) 4%,var(--ov-surface))}
#layout-speed .wsp-est span{font-size:12px;color:var(--ov-muted)}
#layout-speed .wsp-est b{font-size:24px;line-height:1.15;color:var(--ov-text);font-variant-numeric:tabular-nums}
#layout-speed .wsp-note{margin:10px 0 0;font-size:12.5px}
#layout-speed .wsp-actions{display:flex;align-items:center;gap:12px;margin-top:14px}
#layout-speed .wsp-list{margin:0;padding-left:18px;display:grid;gap:8px;font-size:14px;line-height:1.5;color:var(--ov-text)}
#layout-speed .wsp-links{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
@media(max-width:760px){#layout-speed .wsp-est{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* «Настройки»: меню разделов слева, поиск и плашка черновика сверху, параметры сервера (welcome-settings.js).
   Цвета только из --ov-*, поэтому светлая и тёмная темы работают сами. */
#section-support-settings .ws-find{position:relative;min-width:0}
#section-support-settings .ws-find-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html body.product-support #section-support-settings #ws-find{width:100%;box-sizing:border-box;min-height:40px;padding:8px 12px!important;border:1px solid var(--ov-line)!important;border-radius:10px!important;background:var(--ov-surface)!important;color:var(--ov-text)!important;font:inherit;font-size:13px}
html body.product-support #section-support-settings #ws-find:focus{outline:2px solid color-mix(in srgb,var(--ov-accent) 45%,transparent);outline-offset:1px}
#section-support-settings .ws-find-list{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);max-height:min(60vh,380px);overflow:auto;margin:0;padding:4px;list-style:none;border:1px solid var(--ov-line);border-radius:12px;background:var(--ov-surface);box-shadow:0 12px 32px rgba(0,0,0,.14)}
#section-support-settings .ws-find-list[hidden]{display:none}
#section-support-settings .ws-find-list li{display:grid;gap:2px;padding:8px 10px;border-radius:8px;cursor:pointer;min-width:0}
#section-support-settings .ws-find-list li b{font-size:13px;font-weight:600;color:var(--ov-text);overflow-wrap:anywhere}
#section-support-settings .ws-find-list li small{font-size:12px;line-height:1.4;color:var(--ov-muted);overflow-wrap:anywhere}
#section-support-settings .ws-find-list li:hover,#section-support-settings .ws-find-list li[aria-selected=true]{background:color-mix(in srgb,var(--ov-accent) 10%,var(--ov-surface))}
#section-support-settings .ws-find-list li.ws-find-empty{cursor:default;font-size:13px;color:var(--ov-muted)}
#section-support-settings .ws-shell{display:grid;grid-template-columns:232px minmax(0,1fr);gap:20px;align-items:start}
#section-support-settings .ws-main{min-width:0}
#section-support-settings .ws-menu{position:sticky;top:12px;min-width:0}
#section-support-settings .ws-menu-select{display:none}
#section-support-settings .ws-main>.ws-help{margin-top:0}
#section-support-settings #supportSettingsForm [data-ws-pane][hidden],#section-support-settings .ws-hidden-fields{display:none!important}
#section-support-settings .ws-main>section[hidden]{display:none!important}
#section-support-settings .ws-main>.ws-pane{display:grid;gap:16px}
html body.product-support #section-support-settings button.ws-link{display:inline!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important;color:var(--ov-accent)!important;font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
/* Параметр сервера: название, на что влияет, поле с границами и «Как на сервере» */
#section-support-settings .ws-params-note{margin:0;padding:10px 12px;border-radius:10px;border:1px dashed var(--ov-line);background:var(--ws-soft);font-size:12.5px;color:var(--ov-muted)}
#section-support-settings .ws-params-note[hidden]{display:none}
#section-support-settings .ws-param{display:grid;gap:6px;min-width:0;padding:12px 14px;border:1px solid var(--ov-line);border-radius:12px;background:var(--ov-surface);transition:box-shadow .2s,border-color .2s}
#section-support-settings .ws-param-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 10px}
html body.product-support.assistant-admin #section-support-settings.ws-page .ws-param-head label{display:block;font-size:13px!important;font-weight:650;color:var(--ov-text)!important}
#section-support-settings .ws-param-unit{font-size:11px;font-weight:650;color:var(--ov-muted);text-transform:uppercase;letter-spacing:.4px}
#section-support-settings .ws-param-hint{margin:0;font-size:12.5px;line-height:1.45;color:var(--ov-muted)}
#section-support-settings .ws-param-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
html body.product-support.assistant-admin #section-support-settings.ws-page .ws-param-row input{flex:1 1 140px;width:auto;max-width:220px;min-width:0}
html body.product-support #section-support-settings .ws-param-row .support-btn{padding:6px 12px!important;min-height:0!important;font-size:12px!important;white-space:nowrap}
#section-support-settings .ws-param-meta{margin:0;font-size:12px;line-height:1.5;color:var(--ov-muted);overflow-wrap:anywhere}
#section-support-settings .ws-param-meta b{color:var(--ov-text);font-weight:600}
#section-support-settings .ws-param-badge{display:inline-block;padding:1px 8px;border-radius:99px;font-size:11.5px;font-weight:600;color:var(--ov-warn);background:color-mix(in srgb,var(--ov-warn) 14%,var(--ov-surface))}
/* Подсветка найденной настройки */
#section-support-settings .ws-hit{outline:2px solid var(--ov-accent);outline-offset:3px;border-radius:10px;box-shadow:0 0 0 6px color-mix(in srgb,var(--ov-accent) 14%,transparent)!important}
/* Обслуживание и безопасный режим, сервер только для просмотра */
#section-support-settings .ws-safe-hint{margin:0 0 10px;font-size:13px;line-height:1.55;color:var(--ov-muted);max-width:90ch}
#section-support-settings .ws-safe-list{margin:0 0 4px;padding-left:18px;display:grid;gap:4px;font-size:13px;color:var(--ov-text)}
#section-support-settings .ws-safe-confirm{display:grid;gap:8px;max-width:520px;margin-top:4px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--ov-warn) 40%,var(--ov-line));border-radius:12px;background:color-mix(in srgb,var(--ov-warn) 6%,var(--ov-surface))}
#section-support-settings .ws-safe-confirm label{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--ov-text)}
#section-support-settings .ws-safe-confirm input{width:100%;max-width:260px;box-sizing:border-box;font:inherit;letter-spacing:.06em}
html body.product-support #section-support-settings .ws-safe .support-btn.danger{color:var(--ov-bad)!important;border-color:color-mix(in srgb,var(--ov-bad) 45%,var(--ov-line))!important}
#section-support-settings .ws-pane .ws-note[data-state=error]{color:var(--ov-bad);font-weight:600}
#section-support-settings .ws-pane .ws-note:empty{display:none}
#section-support-settings .ws-pane h3{margin:0 0 8px;font-size:15px;color:var(--ov-text)}
#section-support-settings .ws-empty{margin:0;font-size:13px;color:var(--ov-muted)}
#section-support-settings .ws-empty[data-state=error]{color:var(--ov-bad)}
#section-support-settings .ws-ro-note{padding:10px 14px;border:1px dashed var(--ov-line);border-radius:12px;background:var(--ws-soft);font-size:12.5px;line-height:1.5;color:var(--ov-muted)}
#section-support-settings .ws-ro-note b{color:var(--ov-text)}
#section-support-settings .ws-server{display:grid;margin:0;border-top:1px solid var(--ov-line)}
#section-support-settings .ws-server>div{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:4px 14px;padding:9px 2px;border-bottom:1px solid var(--ov-line);font-size:13px}
#section-support-settings .ws-server dt{color:var(--ov-muted);overflow-wrap:anywhere}
#section-support-settings .ws-server dd{margin:0;color:var(--ov-text);font-weight:600;overflow-wrap:anywhere}
#section-support-settings .ws-server-table-wrap{max-width:100%;overflow-x:auto}
#section-support-settings .ws-server-table{width:100%;border-collapse:collapse;font-size:13px}
html body.product-support #section-support-settings .ws-server-table :is(th,td){padding:8px 10px!important;border:0!important;border-bottom:1px solid var(--ov-line)!important;background:none!important;color:var(--ov-text)!important;text-align:left!important;vertical-align:top}
html body.product-support #section-support-settings .ws-server-table thead th{font-size:11px;font-weight:650;letter-spacing:.4px;text-transform:uppercase;color:var(--ov-muted)!important}
#section-support-settings .ws-server-table tbody th{font-weight:600}
@media (max-width:900px){
 #section-support-settings .ws-shell{grid-template-columns:minmax(0,1fr);gap:12px}
 #section-support-settings .ws-menu{position:static}
 #section-support-settings .ws-menu-select{display:grid;gap:6px;font-size:12px;font-weight:600;color:var(--ov-muted)}
 html body.product-support #section-support-settings #ws-menu-select{width:100%;box-sizing:border-box;min-height:40px;padding:8px 10px;border:1px solid var(--ov-line);border-radius:10px;background:var(--ov-surface);color:var(--ov-text);font:inherit;font-size:14px;font-weight:600}
}
@media (max-width:760px){
 #section-support-settings .ws-server>div{grid-template-columns:1fr}
 #section-support-settings .ws-server-table thead{display:none}
 #section-support-settings .ws-server-table,#section-support-settings .ws-server-table tbody,#section-support-settings .ws-server-table tr,#section-support-settings .ws-server-table :is(th,td){display:block;width:auto}
 #section-support-settings .ws-server-table tr{padding:8px 0;border-bottom:1px solid var(--ov-line)}
 html body.product-support #section-support-settings .ws-server-table :is(th,td){border:0!important;padding:2px 0!important}
 #section-support-settings .ws-server-table td::before{content:attr(data-label) ": ";color:var(--ov-muted);font-weight:400}
}
@media (max-width:560px){
 html body.product-support.assistant-admin #section-support-settings.ws-page .ws-param-row input{max-width:none;flex-basis:100%}
 #section-support-settings .ws-param{padding:10px 12px}
}

/* Рабочие часы: явный выбор «Круглосуточно / По графику» (общие стили формы задают label grid и input на всю ширину, поэтому селекторы сильнее) */
html body [data-ws-card="hours"] .ws-hours-mode{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:4px 0 14px}
html body [data-ws-card="hours"] label.ws-hours-opt{display:flex!important;flex-direction:row;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid var(--ov-line,#dfe5ea);border-radius:12px;cursor:pointer;background:var(--ov-surface,#fff);color:var(--ov-text,#1c2a35)!important;text-align:left}
html body [data-ws-card="hours"] label.ws-hours-opt:has(input:checked){border-color:var(--ov-accent,#087e78);background:color-mix(in srgb,var(--ov-accent,#087e78) 8%,var(--ov-surface,#fff));box-shadow:0 0 0 1px var(--ov-accent,#087e78) inset}
html body [data-ws-card="hours"] label.ws-hours-opt input[type=radio]{width:16px!important;height:16px!important;min-height:0!important;flex:0 0 16px;margin:3px 0 0;padding:0;accent-color:var(--ov-accent,#087e78)}
html body [data-ws-card="hours"] label.ws-hours-opt span{display:flex;flex-direction:column;gap:3px}
html body [data-ws-card="hours"] label.ws-hours-opt small{color:var(--ov-muted,#5f6d79);font-size:12.5px;line-height:1.4;font-weight:400}
html body [data-ws-card="hours"] #wsHoursFields[hidden]{display:none!important}

/* Окно публикации, отмены черновика и возврата версии (welcome-settings-publish.js). Открывается с любой страницы,
   поэтому свои токены: светлая и тёмная тема, на телефоне окно на весь экран. */
.wsx-dialog,.wsx-banner{--x-accent:#087e78;--x-warn:#a67019;--x-bad:#bd554c;--x-purple:#8771d4;--x-line:var(--color-border,#dfe5eb);--x-surface:var(--color-surface,#fff);--x-text:var(--color-text,#1c2a35);--x-muted:var(--color-text-muted,#5f6e7a)}
body.theme-dark .wsx-dialog,body.theme-dark .wsx-banner{--x-accent:#57cbbb;--x-warn:#e4b86d;--x-bad:#f0958c;--x-purple:#b39bf4}
html body .wsx-dialog{width:min(980px,94vw);max-height:88vh;padding:0;border:1px solid var(--x-line);border-radius:16px;background:var(--x-surface);color:var(--x-text);box-shadow:0 18px 50px rgba(0,0,0,.25);overflow:hidden}
html body .wsx-dialog[open]{display:flex;flex-direction:column}
.wsx-dialog::backdrop{background:rgba(10,20,28,.45)}
.wsx-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--x-line)}
html body .wsx-head h2{margin:0;font-size:18px;line-height:1.3;color:var(--x-text)}
.wsx-body{flex:1 1 auto;min-height:0;overflow:auto;padding:16px 20px;font-size:13px;line-height:1.5}
.wsx-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:12px 20px;border-top:1px solid var(--x-line)}
.wsx-foot .wsx-grow{flex:1 1 auto}
.wsx-foot small{flex:1 1 220px;color:var(--x-muted);font-size:12px;line-height:1.4}
html body .wsx-dialog .support-btn{padding:7px 14px!important;min-height:0!important;font-size:13px!important;white-space:nowrap}
.wsx-status{margin:0;padding:0 20px;font-size:13px;color:var(--x-muted)}
.wsx-status:not(:empty){padding-top:10px}
.wsx-status[data-state=error]{color:var(--x-bad)}
.wsx-lead{margin:0 0 12px;color:var(--x-text)}
.wsx-note{margin:0 0 12px;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,var(--x-warn) 12%,var(--x-surface));color:var(--x-text)}
.wsx-muted{color:var(--x-muted)}
.wsx-bad{color:var(--x-bad)}
.wsx-sec{margin:0 0 16px}
html body .wsx-sec h3{margin:0 0 8px;font-size:13px;font-weight:700;color:var(--x-text)}
.wsx-sec ul{margin:0;padding-left:18px}
.wsx-sec li{margin:3px 0;overflow-wrap:anywhere}
.wsx-warn{padding:10px 12px;border-left:4px solid var(--x-warn);border-radius:10px;background:color-mix(in srgb,var(--x-warn) 8%,var(--x-surface))}
.wsx-danger{padding:12px;border:1px solid color-mix(in srgb,var(--x-bad) 45%,var(--x-line));border-radius:12px;background:color-mix(in srgb,var(--x-bad) 7%,var(--x-surface))}
.wsx-danger p{margin:0 0 10px}
.wsx-word{display:grid;gap:6px;font-weight:600}
html body .wsx-dialog .wsx-word input{max-width:240px;box-sizing:border-box;padding:8px 10px;border:1px solid var(--x-line);border-radius:8px;background:var(--x-surface);color:var(--x-text);font:inherit;letter-spacing:.06em}
.wsx-table-wrap{max-width:100%;overflow-x:auto}
.wsx-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}
html body .wsx-table :is(th,td){padding:8px 10px!important;border:0!important;border-bottom:1px solid var(--x-line)!important;background:none!important;color:var(--x-text)!important;text-align:left!important;vertical-align:top!important}
html body .wsx-table thead th{font-size:11px;font-weight:650;letter-spacing:.4px;text-transform:uppercase;color:var(--x-muted)!important}
.wsx-table thead th:first-child{width:26%}
.wsx-table tbody th{font-weight:600;overflow-wrap:anywhere}
.wsx-table tbody th small{display:block;font-weight:400;font-size:11px;color:var(--x-muted)}
html body .wsx-table tr.unsaved th{color:var(--x-warn)!important}
.wsx-table tr.off :is(th,td){opacity:.6}
.wsx-val{max-height:9em;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}
.wsx-tag{display:inline-block;padding:1px 7px;border-radius:99px;font-size:11px;font-weight:650;color:var(--x-muted);background:color-mix(in srgb,var(--x-text) 7%,var(--x-surface));white-space:nowrap}
.wsx-tag.add{color:var(--x-accent);background:color-mix(in srgb,var(--x-accent) 12%,var(--x-surface))}
.wsx-tag.chg{color:var(--x-warn);background:color-mix(in srgb,var(--x-warn) 14%,var(--x-surface))}
.wsx-tag.del{color:var(--x-bad);background:color-mix(in srgb,var(--x-bad) 12%,var(--x-surface))}
.wsx-origin{display:inline-block;padding:1px 7px;border-radius:99px;font-size:11px;font-weight:650;color:var(--x-purple);background:color-mix(in srgb,var(--x-purple) 13%,var(--x-surface))}
.wsx-rules{list-style:none;padding:0!important}
.wsx-conns a,.wsx-table a{color:var(--x-accent)}
.wsx-parts{display:grid;gap:8px;margin:0 0 14px;padding:0;border:0}
.wsx-parts legend{margin-bottom:6px;font-weight:700}
.wsx-check{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--x-line);border-radius:10px;cursor:pointer}
.wsx-check input{margin:3px 0 0;flex:none;accent-color:var(--x-accent)}
.wsx-check span{display:grid;gap:2px}
.wsx-check small{color:var(--x-muted);font-size:12px}
.wsx-check.wsx-keep{margin-left:22px}
.wsx-check:has(input:disabled){opacity:.55;cursor:default}
.wsx-lost li{color:var(--x-bad)}
.wsx-tests{list-style:none;margin:0;padding:0!important;display:grid;gap:10px}
.wsx-tests>li{padding:10px 12px;border:1px solid var(--x-line);border-radius:12px}
.wsx-tests>li.changed{border-color:color-mix(in srgb,var(--x-warn) 55%,var(--x-line));background:color-mix(in srgb,var(--x-warn) 6%,var(--x-surface))}
.wsx-q{margin:0 0 8px;font-weight:650;overflow-wrap:anywhere}
.wsx-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wsx-ans{min-width:0}
.wsx-ans small{display:block;font-size:11px;font-weight:650;letter-spacing:.4px;text-transform:uppercase;color:var(--x-muted)}
.wsx-dec{display:block;margin:2px 0 4px;font-size:12px}
.wsx-ans p{margin:0;max-height:12em;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.wsx-import ul{margin:4px 0 8px;padding-left:18px}
.wsx-warn-text{margin:6px 0 2px;color:var(--ov-warn,#a67019);font-weight:600}
.wsx-warn-list li{color:var(--ov-warn,#a67019)}
/* Плашка «Есть неопубликованные изменения»: «Разбор ответов» */
.wsx-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 12px;padding:10px 14px;border:1px solid var(--x-line);border-left:4px solid var(--x-warn);border-radius:12px;background:var(--x-surface);color:var(--x-text);font-size:13px;line-height:1.45}
.wsx-banner .wsx-dot{width:9px;height:9px;border-radius:50%;background:var(--x-warn);flex:none}
.wsx-banner-text{flex:1 1 260px;min-width:0}
html body .wsx-banner .support-btn{padding:6px 12px!important;min-height:0!important;font-size:12px!important;white-space:nowrap}
.war-draft-banner[hidden]{display:none}
/* «Ответы бота»: подключения и их режимы, подписи без оператора, оценка удаления, «применяется сразу» */
#section-support-settings .ws-conn-modes{margin-top:12px;--x-line:var(--ov-line);--x-text:var(--ov-text);--x-muted:var(--ov-muted);--x-surface:var(--ov-surface);--x-accent:var(--ov-accent)}
#section-support-settings .ws-conn-modes[hidden]{display:none}
html body #section-support-settings .ws-conn-modes h4{margin:0 0 6px;font-size:13px;color:var(--ov-text)}
#section-support-settings .ws-param-est{margin:6px 0 0;font-size:12px;font-weight:600;color:var(--ov-bad)}
#section-support-settings .ws-param-est[hidden]{display:none}
#section-support-settings .ws-immediate{margin:0 0 10px}
[data-ws-op-only][hidden],[data-ws-noop-only][hidden]{display:none!important}
@media (max-width:760px){
 html body .wsx-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}
 .wsx-head,.wsx-body,.wsx-foot{padding-left:16px;padding-right:16px}
 .wsx-foot .support-btn{flex:1 1 100%}
 .wsx-foot .wsx-grow{display:none}
 .wsx-pair{grid-template-columns:1fr}
 .wsx-check.wsx-keep{margin-left:0}
 .wsx-table thead{display:none}
 .wsx-table,.wsx-table tbody,.wsx-table tr,.wsx-table :is(th,td){display:block;width:auto}
 .wsx-table tr{padding:8px 0;border-bottom:1px solid var(--x-line)}
 html body .wsx-table :is(th,td){border:0!important;padding:2px 0!important}
 .wsx-table td::before{content:attr(data-label) ": ";color:var(--x-muted);font-weight:400}
 .wsx-banner .support-btn{width:100%}
}

/* «Настройки бота», вид 08.10: одна ширина до 1440 px, заголовок страницы и раздела, одна закреплённая полоса версии,
   меню из трёх групп, поля в две колонки, единые кнопки, режимы и подключения. Цвета только из --ov-* (светлая и тёмная тема). */
html body.style1.assistant-admin.welcome-layout-v2 #dashboard>#section-support-settings#section-support-settings.support-shell.ws-page{max-width:1440px!important}
#section-support-settings .ws-main{container:wsmain/inline-size}
/* Все блоки раздела во всю ширину колонки: без своих ограничений 1100 px у «Текстов бота», «Скорости» и доступа */
html body.product-support #section-support-settings .ws-main>:is(section,form,div,details){max-width:none!important;width:auto}
html body.product-support #section-support-settings #layout-access #layout-viewer-form{max-width:none}
/* Шапка: «Настройки бота» и поиск справа */
html body.product-support #section-support-settings .ws-title h1{margin:0;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:28px;line-height:1.2;font-weight:700;letter-spacing:-.6px;color:var(--color-text-strong,var(--ov-text))}
html body.product-support #section-support-settings #supportSettingsBadge{display:none!important}
html body.product-support #section-support-settings .ws-head .ws-top{display:block;flex:0 1 340px;min-width:220px;margin:0}
/* Полоса версии: одна на странице, закреплена при прокрутке под полосой «Требует внимания».
   overflow-x:hidden у оболочки делает её прокручиваемым блоком, и закрепление не срабатывает: на этой странице обрезаем через clip. */
html body.product-support:has(#section-support-settings.ws-page:not([style*="none"])),html body.product-support:has(#section-support-settings.ws-page:not([style*="none"])) :is(.page-wrap,.app){overflow-x:clip!important;overflow-y:visible!important}
#section-support-settings .ws-draftbar{position:sticky;top:var(--ws-sticky-top,8px);z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;min-width:0;margin:0 0 16px;padding:12px 16px;border:1px solid var(--ov-line);border-left:4px solid var(--ov-muted);border-radius:12px;background:var(--ov-surface);box-shadow:0 6px 18px color-mix(in srgb,var(--ov-text) 7%,transparent)}
#section-support-settings .ws-draftbar.ok{border-left-color:var(--ov-accent)}
#section-support-settings .ws-draftbar.warn{border-left-color:var(--ov-warn)}
#section-support-settings .ws-draftbar.bad{border-left-color:var(--ov-bad)}
#section-support-settings .ws-draftbar-text{display:grid;gap:3px;flex:1 1 360px;min-width:0}
#section-support-settings .ws-draftbar-line{min-width:0;padding-left:17px;text-indent:-17px;font-size:14px;line-height:1.45;color:var(--ov-text)}
#section-support-settings .ws-draftbar-line b{margin-right:6px;font-weight:650}
#section-support-settings .ws-draftbar-line span{color:var(--ov-muted);overflow-wrap:anywhere}
#section-support-settings .ws-draftbar .c-dot{display:inline-block;flex:none;width:9px;height:9px;margin-right:8px;border-radius:50%;background:var(--ov-muted);vertical-align:1px}
#section-support-settings .ws-draftbar.ok .c-dot{background:var(--ov-accent)}
#section-support-settings .ws-draftbar.warn .c-dot{background:var(--ov-warn)}
#section-support-settings .ws-draftbar.bad .c-dot{background:var(--ov-bad)}
#section-support-settings .ws-draft-mode{padding-left:17px;font-size:12.5px;line-height:1.4;color:var(--ov-muted)}
#section-support-settings .ws-draft-mode[hidden]{display:none}
#section-support-settings .ws-draftbar-actions{display:flex;flex-wrap:wrap;gap:8px}
#section-support-settings .ws-draftbar-actions .support-btn[hidden]{display:none!important}
#section-support-settings .ws-draft-status{flex-basis:100%;margin:0;padding-left:17px;font-size:12.5px;color:var(--ov-muted)}
#section-support-settings .ws-draft-status:empty{display:none}
#section-support-settings .ws-draft-status[data-state=error]{color:var(--ov-bad);font-weight:600}
/* Заголовок раздела над содержимым */
#section-support-settings .ws-pane-head{margin:0 0 14px}
html body.product-support #section-support-settings .ws-pane-head h2{margin:0;font-size:20px!important;line-height:1.25;font-weight:700;letter-spacing:-.3px;color:var(--ov-text)}
html body.product-support #section-support-settings .ws-pane-head p{margin:4px 0 0!important;font-size:13px!important;line-height:1.45;color:var(--ov-muted)!important;max-width:90ch}
/* Скрытые повторы версии: нижняя панель формы и карточка «Что изменится» без изменений */
#section-support-settings .support-settings-footer[hidden],#section-support-settings #ws-review[data-ws-empty="1"]{display:none!important}
/* Меню разделов: три группы без номеров, ссылка на «Сервер» под ними */
#section-support-settings .ws-menu{top:var(--ws-sticky-top,12px)}
#section-support-settings .ws-menu-box{display:grid;padding:6px;border:1px solid var(--ov-line);border-radius:14px;background:var(--ov-surface)}
#section-support-settings .ws-menu-h{margin:10px 10px 4px;font-size:11px;font-weight:650;letter-spacing:.5px;text-transform:uppercase;color:var(--ov-muted)}
#section-support-settings .ws-menu-h:first-child{margin-top:6px}
#section-support-settings .ws-menu-list{display:grid;gap:2px;margin:0;padding:0;list-style:none}
html body.product-support #section-support-settings :is(.ws-menu-list button,button.ws-menu-ext){display:flex!important;align-items:center;gap:10px;width:100%;min-height:36px!important;padding:7px 10px!important;margin:0!important;border:0!important;border-radius:9px!important;background:none!important;box-shadow:none!important;color:var(--ov-text)!important;font:inherit;font-size:13px!important;font-weight:500;text-align:left;cursor:pointer}
html body.product-support #section-support-settings :is(.ws-menu-list button,button.ws-menu-ext):hover{background:color-mix(in srgb,var(--ov-text) 5%,var(--ov-surface))!important}
html body.product-support #section-support-settings .ws-menu-list button.active{background:color-mix(in srgb,var(--ov-accent) 12%,var(--ov-surface))!important;color:var(--ov-accent)!important;font-weight:650}
html body.product-support #section-support-settings button.ws-menu-ext{margin-top:8px!important;border-top:1px solid var(--ov-line)!important;border-radius:0 0 9px 9px!important;color:var(--ov-muted)!important}
#section-support-settings .ws-menu-name{flex:1;min-width:0;overflow-wrap:anywhere}
#section-support-settings .ws-menu-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--ov-warn)}
#section-support-settings .ws-menu-dot[hidden]{display:none}
/* Поля в две колонки, где помещаются; уже 900 px экрана одна колонка */
#section-support-settings .ws-params{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}
#section-support-settings .ws-params-note{grid-column:1/-1}
html body.product-support.assistant-admin #section-support-settings.ws-page .ws-grid3{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px;align-items:start}
.ws-page .ws-modes{grid-template-columns:minmax(0,1fr)}
@container wsmain (min-width:600px){
 html body.product-support.assistant-admin #section-support-settings.ws-page .ws-grid3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@container wsmain (min-width:720px){
 #section-support-settings .ws-params{grid-template-columns:repeat(2,minmax(0,1fr))}
 #section-support-settings .ws-modes{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@container wsmain (min-width:900px){
 html body.product-support.assistant-admin #section-support-settings.ws-page .ws-grid3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
/* «Как бот пишет» без скрытого «Названия бота»: два поля, две колонки */
@container wsmain (min-width:600px){
 html body.product-support.assistant-admin #section-support-settings.ws-page .ws-grid3.ws-grid2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
/* Рабочие часы при выключенном графике: поля видны серыми и недоступны */
html body [data-ws-card="hours"] #wsHoursFields.off{opacity:.55}
html body [data-ws-card="hours"] #wsHoursFields.off :is(input,select){cursor:not-allowed;background:color-mix(in srgb,var(--ov-text) 5%,var(--ov-surface))!important;color:var(--ov-muted)!important}
html body.product-support.assistant-admin #section-support-settings.ws-page .ws-hours-off{margin:8px 0 0!important;color:var(--ov-muted)!important}
#section-support-settings .ws-hours-off[hidden]{display:none!important}
/* Закреплённая полоса версии не закрывает заголовки и карточки, к которым прокручивает страница */
#section-support-settings :is(.ws-pane-head,.ws-card,.ws-param,.c-card,.wn-box,section,h3,[id]){scroll-margin-top:calc(var(--ws-sticky-top,8px) + var(--ws-bar-h,0px))}
/* «Режим у подключений»: тестовые подключения свёрнуты отдельной группой */
#section-support-settings .wsx-conns-test{margin:12px 0 0}
#section-support-settings .wsx-conns-test>summary{cursor:pointer;width:max-content;max-width:100%;padding:4px 0;font-size:13px;font-weight:600;color:var(--ov-muted)}
#section-support-settings .wsx-conns-test>summary:hover{color:var(--ov-text)}
#section-support-settings .wsx-conns-test>summary:focus-visible{outline:2px solid var(--ov-accent);outline-offset:2px;border-radius:4px}
#section-support-settings .wsx-conns-test>p{margin:4px 0 8px;font-size:12px}
#section-support-settings .wsx-conns-test .wsx-conn{opacity:.85}
/* Единые кнопки страницы: один размер у основной и обычной, выключенная серая без наведения */
html body.product-support #section-support-settings :is(#ws-draftbar,#supportSettingsForm,#layout-safety,#layout-access,#layout-speed) .support-btn{min-height:34px!important;padding:6px 14px!important;border-radius:9px!important;font-size:13px!important;font-weight:600!important;line-height:1.3!important;white-space:nowrap}
html body.product-support #section-support-settings .support-btn:disabled,html body.product-support #section-support-settings .support-btn:disabled:hover{border-color:var(--ov-line)!important;background:color-mix(in srgb,var(--ov-text) 6%,var(--ov-surface))!important;color:color-mix(in srgb,var(--ov-muted) 75%,transparent)!important;box-shadow:none!important;opacity:1!important;cursor:not-allowed!important}
html body.product-support #section-support-settings .support-btn[aria-busy=true]:disabled{cursor:progress!important}
/* Режимы ответов: выбранный заметен, неиспользуемые приглушены (выбрать можно) */
html body.product-support #section-support-settings button.ws-mode{padding-right:40px!important}
html body.product-support #section-support-settings button.ws-mode[aria-pressed=true]{border-color:var(--ov-accent)!important;background:color-mix(in srgb,var(--ov-accent) 10%,var(--ov-surface))!important;box-shadow:inset 0 0 0 2px var(--ov-accent)!important}
html body.product-support #section-support-settings button.ws-mode[aria-pressed=true] b{color:var(--ov-accent)}
html body.product-support #section-support-settings button.ws-mode::after{content:"";position:absolute;top:12px;right:12px;width:18px;height:18px;box-sizing:border-box;border:1.5px solid var(--ov-line);border-radius:50%}
html body.product-support #section-support-settings button.ws-mode[aria-pressed=true]::after{border:0;background:var(--ov-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/12px no-repeat}
html body.product-support.theme-dark #section-support-settings button.ws-mode[aria-pressed=true]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e1a17' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E")}
/* Неиспользуемые режимы можно выбрать: пояснения сохраняют обычную читаемость. */
.ws-page .ws-mode .ws-mode-op{justify-self:start;margin-top:4px;padding:2px 9px;border:1px solid var(--ov-line);border-radius:99px;background:color-mix(in srgb,var(--ov-text) 4%,var(--ov-surface));font-style:normal;font-size:11.5px;font-weight:600;line-height:1.45;color:var(--ov-muted)}
.ws-page .ws-mode .ws-mode-op[hidden]{display:none}
/* Режим у подключений: строка на подключение */
#section-support-settings .wsx-conns-list{display:grid;margin:0;padding:0;list-style:none;border-top:1px solid var(--ov-line)}
#section-support-settings .wsx-conn{display:grid;grid-template-columns:32px minmax(0,1.4fr) minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding:10px 2px;border-bottom:1px solid var(--ov-line)}
#section-support-settings .wsx-conn-ico{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:color-mix(in srgb,var(--ov-accent) 12%,var(--ov-surface));color:var(--ov-accent)}
#section-support-settings .wsx-conn-ico svg{width:16px;height:16px}
#section-support-settings .wsx-conn-name{display:grid;gap:1px;min-width:0}
#section-support-settings .wsx-conn-name b{font-size:13.5px;font-weight:600;color:var(--ov-text);overflow-wrap:anywhere;text-transform:none;letter-spacing:0}
#section-support-settings .wsx-conn-name small,#section-support-settings .wsx-conn-mode small{font-size:12px;color:var(--ov-muted)}
#section-support-settings .wsx-conn-mode{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0}
#section-support-settings .wsx-chip{display:inline-block;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:650;line-height:1.5;white-space:nowrap;color:var(--ov-muted);background:color-mix(in srgb,var(--ov-text) 7%,var(--ov-surface))}
#section-support-settings .wsx-chip.ok{color:var(--ov-accent);background:color-mix(in srgb,var(--ov-accent) 13%,var(--ov-surface))}
#section-support-settings .wsx-chip.purple{color:var(--ov-purple);background:color-mix(in srgb,var(--ov-purple) 14%,var(--ov-surface))}
#section-support-settings .wsx-chip.muted{color:var(--ov-text);background:color-mix(in srgb,var(--ov-text) 8%,var(--ov-surface))}
#section-support-settings .wsx-chip.off{color:var(--ov-muted);background:transparent;border:1px dashed var(--ov-line);padding:1px 9px}
#section-support-settings .wsx-conn.off :is(.wsx-conn-ico,.wsx-conn-name){opacity:.6}
html body.product-support #section-support-settings a.wsx-conn-edit{font-size:13px;font-weight:600;color:var(--ov-accent)!important;text-decoration:none;white-space:nowrap}
html body.product-support #section-support-settings a.wsx-conn-edit:hover{text-decoration:underline}
@media (max-width:900px){
 html body.product-support.assistant-admin #section-support-settings.ws-page .ws-grid3,#section-support-settings .ws-params,#section-support-settings .ws-modes{grid-template-columns:minmax(0,1fr)!important}
 #section-support-settings .ws-menu-box{display:none}
 html body.product-support #section-support-settings .ws-head .ws-top{flex:1 1 100%}
}
@media (max-width:560px){
 #section-support-settings .ws-draftbar{position:static;padding:10px 12px}
 #section-support-settings .ws-draftbar-actions{width:100%}
 #section-support-settings .ws-draftbar-actions .support-btn{flex:1 1 100%}
 #section-support-settings .wsx-conn{grid-template-columns:32px minmax(0,1fr) auto}
 #section-support-settings .wsx-conn-mode{grid-column:2/-1;grid-row:2}
}