/* Новый дизайн: постраничные доводки группы «Работа» (Обзор, Диалоги с «Ожидают оператора», Live) по макету
   kb-card/allpages/mockup-all.html. Общие токены (--wd-*) и компоненты в welcome-design.css, этот файл подключается
   после него. Селекторы с #dashboard×7 и id раздела (общий слой даёт кнопкам до 7 id): прежние слои задают эти страницы с !important.
   Разметка и обработчики не меняются: блоки переставляются через order, подписи карточек через ::before. */

/* ---------- Значки макета (маски, цвет от currentColor) ---------- */
html body.product-support{
  --wdw-i-warn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 9v4M12 17h.01M10.36 3.6 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.64 3.6a2 2 0 0 0-3.28 0z'/%3E%3C/svg%3E");
  --wdw-i-ok:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
  --wdw-i-bad:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m10 10 4 4m0-4-4 4'/%3E%3C/svg%3E");
  --wdw-i-idle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-dasharray='3 3'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E");
  --wdw-i-clock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 3'/%3E%3C/svg%3E");
  --wdw-i-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E");
  --wdw-chart:#1D9E75}

/* ================= Обзор (OV) ================= */
/* Порядок блоков как в макете: карточка «Сейчас» (срочное, «Сейчас в работе», состояние), затем «Требует внимания». */
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-report{gap:12px!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-report>*{order:1}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-report>:is(.wor-toolbar,.wor-range,.wor-period,.wor-alert,.wor-queue,.wor-now-facts){order:0}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-period{margin:-4px 0 0!important;font-size:12px!important;color:var(--wd-ink2)!important}

/* Полоса фильтров: оценка состояния плашкой */
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-toolbar .wor-state{padding:2px 9px;border-radius:var(--wd-r);background:var(--wd-s1);color:var(--wd-ink2)!important;font-size:12px!important;font-weight:400!important;line-height:18px}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-toolbar .wor-state.ok{background:var(--wd-okbg);color:var(--wd-ok)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-toolbar .wor-state.warn{background:var(--wd-warnbg);color:var(--wd-warn)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-toolbar .wor-state.bad{background:var(--wd-badbg);color:var(--wd-bad)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-toolbar .wor-state>i{display:none}

/* Строки-проблемы: значок, заголовок с пояснением, шеврон */
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-issue{
  display:grid!important;grid-template-columns:24px minmax(0,1fr) auto;gap:8px!important;align-items:start!important;padding:10px 0!important;margin:0!important;
  border:0!important;border-top:0.5px solid var(--wd-line)!important;border-radius:0!important;background:transparent!important;color:var(--wd-ink)!important;font-size:13px!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-issue:hover:not(:disabled){background:transparent!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-issue:hover:not(:disabled) strong{text-decoration:underline;text-underline-offset:3px}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-issue strong{font-size:14px!important;font-weight:500!important;color:var(--wd-ink)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-issue small{margin-top:1px!important;font-size:13px!important;color:var(--wd-ink2)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-issue>b{min-width:0!important;justify-self:start;margin-top:1px;padding:0 6px;border-radius:var(--wd-r);background:var(--wd-warnbg);color:var(--wd-warn)!important;font-size:12px!important;font-weight:500!important;line-height:18px}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-issue>b.dot{width:18px;height:18px;padding:0;border-radius:0;background:currentColor;font-size:0!important;-webkit-mask:var(--wdw-i-warn) center/18px no-repeat;mask:var(--wdw-i-warn) center/18px no-repeat}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-issue>i{align-self:center;width:18px;height:18px;font-size:0!important;color:var(--wd-ink3)!important;background:currentColor;-webkit-mask:var(--wdw-i-chev) center/18px no-repeat;mask:var(--wdw-i-chev) center/18px no-repeat}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-issue:disabled{opacity:.5!important}

/* Карточка «Сейчас»: срочное, «Сейчас в работе» и «Состояние» одной карточкой (три соседних блока без зазора) */
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview :is(.wor-alert,.wor-queue,.wor-now-facts){background:var(--wd-s2)!important;border:0.5px solid var(--wd-line)!important;border-radius:0!important;box-shadow:none!important;padding:0 1.25rem!important;overflow:visible!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview :is(.wor-alert,.wor-report:not(:has(>.wor-alert))>.wor-queue){border-radius:12px 12px 0 0!important;padding-top:1rem!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview :is(.wor-alert,.wor-report:not(:has(>.wor-alert))>.wor-queue)::before{content:"Сейчас";display:block;margin:0 0 8px;font-size:15px;font-weight:500;line-height:1.5;color:var(--wd-ink)}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-alert{border-bottom:0!important;padding-bottom:2px!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-alert+.wor-queue{margin-top:-12px!important;border-top:0!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-report:has(>.wor-now-facts)>.wor-queue{border-bottom:0!important;padding-bottom:4px!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-report:not(:has(>.wor-now-facts))>.wor-queue{border-radius:0 0 12px 12px!important;padding-bottom:12px!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-report:not(:has(>.wor-now-facts)):not(:has(>.wor-alert))>.wor-queue{border-radius:12px!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-now-facts{display:block!important;margin-top:-12px!important;border-top:0!important;border-radius:0 0 12px 12px!important;padding-bottom:10px!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-now-facts::before{content:"Состояние";display:block;padding:10px 0 4px;font-size:13px;font-weight:500;color:var(--wd-ink)}
/* Срочное: красные строки со значком */
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-alert .wor-issue{margin:0 0 6px!important;padding:10px 12px!important;border:0!important;border-radius:var(--wd-r)!important;background:var(--wd-badbg)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-alert .wor-issue>b{color:var(--wd-bad)!important;background:var(--wd-s2)}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-alert .wor-issue>b.dot{background:currentColor;-webkit-mask-image:var(--wdw-i-bad);mask-image:var(--wdw-i-bad)}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-alert .wor-issue>i{color:var(--wd-bad)!important}
/* «Сейчас в работе»: подзаголовок и строки «число · что · Открыть →» без заливки */
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-queuehead{display:flex!important;justify-content:flex-start!important;align-items:baseline!important;gap:2px 6px!important;padding:8px 0 4px!important;margin:0!important;border:0!important;background:transparent!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-queuehead h3{font-size:13px!important;font-weight:500!important;color:var(--wd-ink)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-queuehead>span{font-size:12px!important;color:var(--wd-ink2)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-queueitems{display:block!important;padding:0!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-queue-item{display:flex!important;align-items:center;justify-content:space-between;gap:8px!important;padding:8px 0!important;border:0!important;border-top:0.5px solid var(--wd-line)!important;background:transparent!important;font-size:14px!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-queue-item>span{display:flex;align-items:center;gap:8px;min-width:0;font-weight:500;color:var(--wd-ink)}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-queue-item strong{flex:none;min-width:32px;text-align:center;font-size:20px!important;font-weight:500!important;line-height:1.3!important;color:var(--wd-ink)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-button.is-text{min-height:0!important;height:auto!important;padding:2px 4px!important;border:0!important;border-radius:4px!important;background:transparent!important;box-shadow:none!important;
  color:var(--wd-ink2)!important;font-size:13px!important;font-weight:400!important;text-decoration:underline!important;text-underline-offset:3px}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-button.is-text:hover{background:transparent!important;color:var(--wd-ink)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-queue-item .wor-button.is-text{flex:none}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-queue>.wor-note{display:flex;align-items:center;gap:6px;margin:0!important;padding:4px 0 8px!important;font-size:13px!important;color:var(--wd-warn)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-queue>.wor-note::before{content:"";flex:none;width:15px;height:15px;background:currentColor;-webkit-mask:var(--wdw-i-clock) center/15px no-repeat;mask:var(--wdw-i-clock) center/15px no-repeat}
/* «Состояние»: факты строками со значком, шевроном и переходом */
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-now-facts>*{
  display:grid!important;grid-template-columns:26px auto minmax(0,1fr) auto;align-items:center;gap:0!important;width:100%;max-width:none;min-height:42px!important;
  margin:0!important;padding:8px 0!important;border:0!important;border-top:0.5px solid var(--wd-line)!important;border-radius:0!important;background:transparent!important;
  color:var(--wd-ink)!important;box-shadow:none!important;font-size:14px!important;font-weight:500!important;text-align:left;cursor:default}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-now-facts>button{cursor:pointer}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-now-facts>button:hover b{text-decoration:underline;text-underline-offset:3px}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-now-facts b{font-weight:500!important;color:var(--wd-ink)!important;overflow-wrap:anywhere}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-now-facts b::before{content:":\00a0"}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-now-facts>*>.c-dot{width:18px!important;height:18px!important;border-radius:0!important;background:currentColor!important;color:var(--wd-ok);-webkit-mask:var(--wdw-i-ok) center/18px no-repeat;mask:var(--wdw-i-ok) center/18px no-repeat}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-now-facts>.warn>.c-dot{color:var(--wd-warn);-webkit-mask-image:var(--wdw-i-warn);mask-image:var(--wdw-i-warn)}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-now-facts>.bad>.c-dot{color:var(--wd-bad);-webkit-mask-image:var(--wdw-i-bad);mask-image:var(--wdw-i-bad)}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-now-facts>.off>.c-dot{color:var(--wd-ink3);-webkit-mask-image:var(--wdw-i-idle);mask-image:var(--wdw-i-idle)}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-now-facts>button::after{content:"";grid-column:4;margin-left:8px;width:18px;height:18px;background:var(--wd-ink3);-webkit-mask:var(--wdw-i-chev) center/18px no-repeat;mask:var(--wdw-i-chev) center/18px no-repeat}

/* «Требует внимания» и панели: карточки макета */
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview :is(.wor-panel,.wor-system){background:var(--wd-s2)!important;border:0.5px solid var(--wd-line)!important;border-radius:12px!important;box-shadow:none!important;padding:1rem 1.25rem!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-panelhead{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:8px 12px!important;flex-wrap:wrap;padding:0 0 8px!important;margin:0!important;border:0!important;background:transparent!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-panelhead h3{font-size:15px!important;font-weight:500!important;color:var(--wd-ink)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-panelhead>span{font-size:12px!important;color:var(--wd-ink2)!important}

/* «Показатели за период»: одна карточка, ячейки с тонкими разделителями, без цветных полос и значков */
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-metrics{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:0!important;padding:0!important;overflow:hidden;background:var(--wd-s2)!important;border:0.5px solid var(--wd-line)!important;border-radius:12px!important;box-shadow:none!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-metrics::before{content:"Показатели за период";grid-column:1/-1;padding:1rem 1.25rem 8px;border-bottom:0.5px solid var(--wd-line);font-size:15px;font-weight:500;color:var(--wd-ink)}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-metric{gap:2px!important;padding:12px 1.25rem!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:1px 0 0 var(--wd-line),0 1px 0 var(--wd-line)!important;min-height:0!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-metric .wor-metrichead{min-height:0!important;margin:0!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-metric .wor-metrichead>span:first-child{font-size:13px!important;font-weight:400!important;color:var(--wd-ink2)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-metric .wor-metricicon{display:none!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-metric strong{margin:0!important;font-size:22px!important;font-weight:500!important;line-height:1.3!important;letter-spacing:0!important;color:var(--wd-ink)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-metric small{margin:0!important;font-size:12px!important;color:var(--wd-ink3)!important}

/* График: столбцы цвета макета, подписи приглушённые */
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-chart{padding:4px 0 0!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-chart rect{fill:var(--wdw-chart)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-chart text{fill:var(--wd-ink3)!important;font-size:11px!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-chart line{stroke:var(--wd-line)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-legend{color:var(--wd-ink2)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-legend i{width:8px!important;height:8px!important;border-radius:2px!important;background:var(--wdw-chart)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-daily{margin-top:8px!important;padding:8px 0 0!important;border:0!important;border-top:0.5px solid var(--wd-line)!important;background:transparent!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview :is(.wor-daily,.wor-system)>summary{display:flex!important;align-items:center;gap:6px 8px;flex-wrap:wrap;min-height:28px;padding:0!important;list-style:none;font-size:13px!important;color:var(--wd-ink)!important;background:transparent!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview :is(.wor-daily,.wor-system)>summary::-webkit-details-marker{display:none}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview :is(.wor-daily,.wor-system)>summary::before{content:"\203A"!important;display:inline-block;width:12px;color:var(--wd-ink3);font-size:16px;line-height:1;transition:transform .15s}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview :is(.wor-daily,.wor-system)[open]>summary::before{transform:rotate(90deg)}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview :is(.wor-daily,.wor-system)>summary::after{content:none!important;display:none!important}

/* «Качество ответов»: счётчики строками, исходы строкой «подпись · полоса · число» */
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-quality{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:2px 12px!important;padding:0 0 8px!important;margin:0!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-quality>div{display:contents!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-quality span{font-size:13px!important;color:var(--wd-ink2)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-quality strong{text-align:right;font-size:13px!important;font-weight:400!important;line-height:1.5!important;color:var(--wd-ink)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-outcomes{display:block!important;padding:0!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-outcome{display:grid!important;grid-template-columns:minmax(0,1fr) 90px 70px;gap:8px;align-items:center;padding:3px 0;font-size:13px}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-outcome>div:first-child{display:contents!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-outcome span{order:1;font-size:13px!important;color:var(--wd-ink)}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-outcome .wor-track{order:2;height:6px!important;border-radius:3px!important;background:var(--wd-s1)!important;box-shadow:inset 0 0 0 0.5px var(--wd-line)}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-outcome .wor-track span{background:var(--wdw-chart)!important;border-radius:0!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-outcome strong{order:3;text-align:right;font-weight:400!important;color:var(--wd-ink2)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-panel p:last-child:not(.wor-legend){margin:6px 0 0!important;padding:0!important;font-size:13px!important;color:var(--wd-ink2)!important}

/* Таблицы Обзора: числа без цветных плашек */
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-table{min-width:0!important;width:100%;font-size:13px}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-table :is(th,td){padding:8px!important;text-align:left!important;vertical-align:top;font-size:13px!important;font-weight:400!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-table thead th{padding:6px 8px!important;font-size:12px!important;font-weight:500!important;color:var(--wd-ink2)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-table th small{display:block;font-size:12px!important;color:var(--wd-ink2)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-table .wor-cellvalue{display:inline!important;min-width:0!important;padding:0!important;border-radius:0!important;background:none!important;color:var(--wd-ink)!important;font-size:13px!important;font-weight:400!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-table .wor-cellvalue.is-quiet{color:var(--wd-ink3)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-tablewrap{border:0!important;border-radius:0!important;background:transparent!important;margin:0 -8px;max-width:calc(100% + 16px);overflow-x:auto}

/* «Состояние системы»: свёрнутая карточка, оценка плашкой */
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-system{padding:.6rem 1.25rem!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-system>summary>.wor-state{font-size:13px!important;font-weight:400!important;color:var(--wd-ink)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-system>summary>.wor-state>i{display:none!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-system>summary>span:not(.wor-state){padding:2px 9px;border-radius:var(--wd-r);background:var(--wd-s1);color:var(--wd-ink2);font-size:12px;line-height:18px}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-system.ok>summary>span:not(.wor-state){background:var(--wd-okbg);color:var(--wd-ok)}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-system.warn>summary>span:not(.wor-state){background:var(--wd-warnbg);color:var(--wd-warn)}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-system.bad>summary>span:not(.wor-state){background:var(--wd-badbg);color:var(--wd-bad)}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-systembody{padding:8px 0 4px 18px!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-foot{font-size:12px!important;color:var(--wd-ink2)!important}

@media (max-width:760px){
  html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview :is(.wor-alert,.wor-queue,.wor-now-facts){padding-left:1rem!important;padding-right:1rem!important}
  html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview :is(.wor-panel,.wor-system){padding:.9rem 1rem!important}
  html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-metrics::before{padding:.9rem 1rem 8px}
  html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-metric{padding:10px 1rem!important}
  html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-outcome{grid-template-columns:minmax(0,1fr) 60px 64px}
  /* «Подключения за период» карточками: подписи из data-label */
  html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-channel-table thead{display:none}
  html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-channel-table :is(tbody,tr,th,td){display:block!important;width:100%!important;grid-template-columns:none!important}
  html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-channel-table tr{padding:6px 0!important;border-top:0.5px solid var(--wd-line)!important}
  html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-channel-table :is(th,td){padding:3px 0!important;border:0!important}
  html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-channel-table td{display:flex!important;justify-content:space-between;gap:12px;text-align:right!important}
  html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-channel-table td::before{content:attr(data-label);flex:none;max-width:45%;text-align:left;font-size:12px;color:var(--wd-ink2)}
  html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-overview .wor-tablewrap:has(>.wor-channel-table){overflow:visible;margin:0;max-width:100%}
}

/* ================= Диалоги (DG) и «Ожидают оператора» (HO) ================= */
/* welcome-dialogs-workspace.css задаёт на разделе свои --wd-ink и --wd-line (и прочие --wd-*), они перекрывают токены
   макета с body. Совпадают по имени только --wd-ink и --wd-line: берём их с body (inherit, обе темы без копий значений),
   прежние токены раздела переводим на палитру макета. */
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-dialogs{--wd-ink:inherit!important;--wd-line:inherit!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-dialogs{--wd-bg:var(--wd-s0)!important;--wd-paper:var(--wd-s2)!important;--wd-soft:var(--wd-s1)!important;--wd-muted:var(--wd-ink2)!important;--wd-brand:var(--wd-ink)!important;--wd-onbrand:var(--wd-s2)!important;
  --wd-green:var(--wd-ok)!important;--wd-greenfill:var(--wd-okbg)!important;--wd-amber:var(--wd-warn)!important;--wd-amberfill:var(--wd-warnbg)!important;--wd-danger:var(--wd-bad)!important;
  --wd-blue:var(--wd-info)!important;--wd-bluefill:var(--wd-infobg)!important;--wd-violet:var(--wd-info)!important;--wd-violetfill:var(--wd-infobg)!important}

/* Вкладки «Все диалоги / Ожидают оператора» (HO05) видны на обеих страницах под шапкой; пункт меню остаётся. */
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-dialogs:not([style*="none"]){display:flex!important;flex-direction:column}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-dialogs>.section-head{order:-4}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-dialogs>.welcome-load-notice{order:-3}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff)>nav.layout-tabs.wn-hidden{display:flex!important;order:-25;margin:0 0 12px!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-dialogs>nav.layout-tabs.wn-hidden{order:-2}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-dialogs>.wd-queues{order:-1;margin:0 0 12px!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff>nav.layout-tabs.wn-hidden{margin:0!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff>.wn-dlg-kpi{margin:0!important}

/* Список и переписка: две карточки рядом, список 340px */
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-workspace{gap:12px!important;align-items:start}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-dialogs .support-workspace{grid-template-columns:minmax(300px,340px) minmax(0,1fr)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-pane{background:var(--wd-s2)!important;border:0.5px solid var(--wd-line)!important;border-radius:12px!important;box-shadow:none!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) :is(.wd-list-title,.wd-list-search,.wn-list-head,.wco-queue-columns,.wn-group-head,.support-list,.wm-toolbar){background:transparent!important;box-shadow:none!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .wd-list-title{padding:16px 20px 6px!important;border:0!important;align-items:baseline!important;justify-content:flex-start!important;gap:6px!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .wd-list-title strong{font-size:15px!important;font-weight:500!important;color:var(--wd-ink)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .wd-list-title span{font-size:13px!important;color:var(--wd-ink2)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .wd-list-search{padding:4px 20px 0!important;border:0!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .wd-search-text{font-size:13px!important;color:var(--wd-ink)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .wn-list-head{padding:6px 20px!important;border:0!important;justify-content:flex-start!important}
/* Строка обращения: аватар, имя с плашкой состояния, источник, превью, итог и время приглушённо */
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-list>.history-row,html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-list>.support-row{border:0!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-row{margin:0!important;padding:7px 20px!important;border:0!important;border-top:0.5px solid var(--wd-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--wd-ink)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-row:hover{background:var(--wd-s1)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-row.active{background:var(--wd-s1)!important;box-shadow:inset 2px 0 0 var(--wd-ink)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-row .wn-avatar{width:32px!important;height:32px!important;min-width:32px;border:0.5px solid var(--wd-line)!important;border-radius:50%!important;background:var(--wd-s1)!important;color:var(--wd-ink2)!important;font-size:12px!important;font-weight:400!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-row h3{line-height:18px!important;font-size:14px!important;font-weight:500!important;color:var(--wd-ink)!important;letter-spacing:0!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-row :is(small,.wn-row-src){font-size:12px!important;line-height:16px!important;color:var(--wd-ink2)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-row :is(p,.wn-row-msg){font-size:13px!important;line-height:18px!important;color:var(--wd-ink2)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-row :is(.wn-row-time,p[data-wn-ago]){font-size:12px!important;color:var(--wd-ink3)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-row .wn-outcome{padding:0!important;border:0!important;background:transparent!important;color:var(--wd-ink2)!important;font-size:12px!important;font-weight:400!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-row .wn-outcome:is(.bad){color:var(--wd-bad)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-row .support-wait{padding:0!important;border:0!important;background:transparent!important;color:var(--wd-ink2)!important;font-size:12px!important;font-weight:400!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-row .support-wait.late{color:var(--wd-warn)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-row .wn-rate{color:var(--wd-ink2)!important}
/* Пагинация списка */
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) :is(#supportDialogList-pages,#supportHandoffList-pages){display:flex!important;flex-wrap:wrap;align-items:center;gap:8px!important;margin:0!important;padding:10px 20px 16px!important;border:0!important;border-top:0.5px solid var(--wd-line)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) :is(#supportDialogList-pages,#supportHandoffList-pages)>span{flex:1 1 auto;font-size:12px!important;color:var(--wd-ink2)!important}

/* Открытый диалог: шапка, чипы, плашка паузы, одна тёмная кнопка */
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-conversation-head{padding:16px 20px 12px!important;border:0!important;border-bottom:0.5px solid var(--wd-line)!important;background:transparent!important;box-shadow:none!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-conversation-head h3{font-size:18px!important;font-weight:500!important;line-height:1.35!important;color:var(--wd-ink)!important;letter-spacing:0!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-conversation-head .wn-chip.warn{background:var(--wd-warnbg)!important;color:var(--wd-warn)!important;border-color:transparent!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-conversation-head .wn-chip.bad{background:var(--wd-badbg)!important;color:var(--wd-bad)!important;border-color:transparent!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-conversation-head .wn-chip.ok{background:var(--wd-okbg)!important;color:var(--wd-ok)!important;border-color:transparent!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-conversation-head :is(.dialog-state-help,.wn-customer){font-size:13px!important;color:var(--wd-ink2)!important;background:transparent!important;border:0!important;padding:0!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .wn-pause-note{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 10px;padding:8px 12px!important;border:0!important;border-radius:var(--wd-r)!important;background:var(--wd-warnbg)!important;color:var(--wd-warn)!important;font-size:13px!important;box-shadow:none!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .wn-pause-note:is(:empty,[hidden]){display:none!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .wn-pause-note>span{color:inherit!important;font-weight:400!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .wn-pause-note .support-btn{min-height:28px!important;padding:2px 10px!important;border-color:currentColor!important;color:inherit!important;background:transparent!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-conversation-actions{gap:8px!important;align-items:center}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) :is(.wd-thread-more,.wd-page-more,.wn-more-filters,.wlp-more)>summary{
  display:inline-flex!important;align-items:center;gap:6px;min-height:32px!important;padding:5px 12px!important;border:0.5px solid var(--wd-line2)!important;border-radius:var(--wd-r)!important;
  background:transparent!important;color:var(--wd-ink)!important;box-shadow:none!important;font-size:13px!important;font-weight:400!important;list-style:none;cursor:pointer}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) :is(.wd-thread-more,.wd-page-more,.wn-more-filters)[open]>summary{background:var(--wd-s1)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) :is(.wd-thread-more,.wd-page-more,.wn-more-filters)>summary::-webkit-details-marker{display:none}

/* Шапка диалога столбцом: имя, чипы, «Клиент», плашка паузы, причина, затем действия */
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-conversation-head{flex:none!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:10px!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-conversation-head>div:first-child{display:flex!important;flex-direction:column!important;align-items:flex-start;gap:6px!important;width:100%!important;max-width:none!important;min-width:0}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-conversation-head>div:first-child>h3{order:1}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-conversation-head>div:first-child>[id$=Meta]{order:2;display:flex!important;flex-wrap:wrap;gap:6px!important;margin:0!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-conversation-head>div:first-child>:is(#wdClientButton,[id$=MetaCustomer]){order:3}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-conversation-head>div:first-child>[id$=MetaPause]{order:4;align-self:stretch;margin:0!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-conversation-head>div:first-child>[id$=MetaReason]{order:5;margin:0!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-conversation-head>div:first-child>*{order:6}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-conversation-head>.support-conversation-actions{justify-content:flex-start!important;width:auto!important;max-width:none!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff)>.wa-head{justify-content:flex-start!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff)>.wa-head>.wa-title{flex:0 1 auto!important;justify-content:flex-start!important;align-items:flex-start!important;gap:8px!important;margin-right:auto!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-btn.primary{background:var(--wd-ink)!important;color:var(--wd-s2)!important;border-color:transparent!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-btn.primary:hover:not(:disabled){background:color-mix(in srgb,var(--wd-ink) 88%,var(--wd-s2))!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-dialogs .wdw-keys{margin:0!important;padding:8px 20px 12px!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-dialogs .wdw-keys>p{margin:4px 0 0 18px;font-size:12px;color:var(--wd-ink2)}

/* Черновик бота (DG44): карточка surface-1, заголовок 15px, «Не отправлен» плашкой info */
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-dialogs .wd-draft{margin:8px 0!important;padding:1rem 1.25rem!important;border:0.5px solid var(--wd-line)!important;border-radius:12px!important;background:var(--wd-s1)!important;box-shadow:none!important;color:var(--wd-ink)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-dialogs .wd-draft::before,html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-dialogs .wd-draft::after{display:none!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-dialogs .wd-draft>header strong{font-size:15px!important;font-weight:500!important;color:var(--wd-ink)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-dialogs .wd-draft>header small{font-size:12px!important;color:var(--wd-ink2)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-dialogs .wd-draft .wd-unsent{padding:2px 9px!important;border:0!important;border-radius:var(--wd-r)!important;background:var(--wd-infobg)!important;color:var(--wd-info)!important;font-size:12px!important;font-weight:400!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-dialogs .wd-draft :is(.wd-recipient,small,p){color:var(--wd-ink2)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-dialogs .wd-draft .wd-recipient b{font-weight:400!important;color:var(--wd-ink2)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-dialogs .wd-draft-actions .support-btn{flex:0 0 auto!important}

/* Пустые состояния: значок без бирюзового акцента */
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-empty::before{background-color:var(--wd-s1)!important;filter:grayscale(1)}

/* Переписка: пузыри макета */
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .welcome-chat-back{color:var(--wd-ink2)!important;font-size:13px!important;text-decoration:underline;text-underline-offset:3px}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .wn-live-link{min-height:0!important;padding:2px 4px!important;border:0!important;background:transparent!important;color:var(--wd-ink2)!important;font-size:13px!important;text-decoration:underline!important;text-underline-offset:3px}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .wn-live-link:hover{color:var(--wd-ink)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-chat{background:transparent!important;padding:12px 20px!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) :is(.wn-episode,.wn-day){display:flex!important;justify-content:center!important;border:0!important;background:transparent!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) :is(.wn-episode,.wn-day)::before,html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) :is(.wn-episode,.wn-day)::after{display:none!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) :is(.wn-episode,.wn-day)>span{text-transform:none!important;letter-spacing:0!important;padding:2px 10px!important;border:0!important;border-radius:var(--wd-r)!important;background:var(--wd-s1)!important;color:var(--wd-ink2)!important;font-size:12px!important;font-weight:400!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-bubble{border:0.5px solid var(--wd-line)!important;border-radius:12px!important;background:var(--wd-s1)!important;color:var(--wd-ink)!important;box-shadow:none!important;font-size:14px!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-bubble.out{background:var(--wd-s2)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-bubble:is(.sender-operator,.sender-human,.sender-admin){background:var(--wd-infobg)!important;border-color:transparent!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-bubble .support-bubble-meta{font-size:11px!important;color:var(--wd-ink3)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-composer{border:0!important;border-top:0.5px solid var(--wd-line)!important;background:transparent!important;box-shadow:none!important;padding:12px 20px 16px!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-composer-foot small{font-size:12px!important;color:var(--wd-ink2)!important}

/* «Ожидают оператора»: показатели одной карточкой, список и переписка рядом */
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff .wn-dlg-kpi{gap:0!important;overflow:hidden;background:var(--wd-s2)!important;border:0.5px solid var(--wd-line)!important;border-radius:12px!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff .wn-dlg-kpi>.wn-dlg-card{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:2px!important;padding:12px 1.25rem!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:1px 0 0 var(--wd-line),0 1px 0 var(--wd-line)!important;text-align:left!important;min-height:0!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff .wn-dlg-kpi>.wn-dlg-card:hover{background:var(--wd-s1)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff .wn-dlg-kpi .wn-kpi-head{order:1;margin:0!important;font-size:13px!important;color:var(--wd-ink2)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff .wn-dlg-kpi .wn-kpi-head span{font-size:13px!important;font-weight:400!important;color:var(--wd-ink2)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff .wn-dlg-kpi .c-value{order:2;margin:0!important;font-size:22px!important;font-weight:500!important;line-height:1.3!important;color:var(--wd-ink)!important;position:static!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff .wn-dlg-kpi .wn-dlg-card:is(.warn,.bad) .c-value{color:var(--wd-warn)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff .wn-dlg-kpi .c-foot{order:3;margin:0!important;font-size:12px!important;color:var(--wd-ink3)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff .wn-dlg-kpi .wn-dlg-card::before,html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff .wn-dlg-kpi .wn-dlg-card::after{display:none!important}
@media (min-width:1101px){
  html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff .support-workspace{display:grid!important;grid-template-columns:minmax(300px,380px) minmax(0,1fr)!important;grid-template-rows:auto!important}
  html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff .support-workspace>*{grid-row:auto!important;grid-column:auto!important;width:auto!important;max-width:none!important}
  html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff .support-pane-list{height:auto!important;max-height:none!important}
}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff .wco-queue-columns{display:flex!important;gap:6px!important;padding:16px 20px 4px!important;margin:0!important;border:0!important;font-size:12px!important;color:var(--wd-ink2)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff .wco-queue-columns>span{flex:none!important;width:auto!important;padding:0!important;font-size:12px!important;font-weight:400!important;color:var(--wd-ink2)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff .wco-queue-columns>span:nth-child(2)::before{content:"· "}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff .wco-queue-columns>span:last-child{margin-left:auto!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff .wn-group-head{display:flex!important;align-items:baseline;gap:6px!important;padding:8px 20px 4px!important;margin:0!important;border:0!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff .wn-group-head b{font-size:13px!important;font-weight:500!important;color:var(--wd-ink)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff .wn-group-head .wn-group-count{padding:0!important;border:0!important;background:transparent!important;font-size:12px!important;color:var(--wd-ink2)!important}
/* Узкий список: имя, источник и запрос; под ними состояние и ожидание строкой */
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff #supportHandoffList .support-row{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:10px!important;row-gap:4px!important;align-items:start!important;min-height:0!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff #supportHandoffList .support-row>.wn-avatar{grid-column:1!important;grid-row:1/3!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff #supportHandoffList .support-row>div:first-of-type{grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column;min-width:0}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff #supportHandoffList .support-row>div:first-of-type>*{grid-column:auto!important;grid-row:auto!important;align-self:stretch!important;text-align:left!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff #supportHandoffList .support-row>div:first-of-type>p{margin:2px 0 0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff #supportHandoffList .support-row>div:last-of-type{grid-column:2!important;grid-row:2!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center!important;justify-content:flex-start!important;gap:4px 8px!important;min-width:0}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff #supportHandoffList .support-row>div:last-of-type>p{margin:0 0 0 auto!important}

/* ================= Live (LV) ================= */
/* «Сейчас»: строка состояния и строка метрик в одной карточке */
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlv-strip{display:block!important;padding:1rem 1.25rem!important;background:var(--wd-s2)!important;border:0.5px solid var(--wd-line)!important;border-radius:12px!important;box-shadow:none!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlv-strip:not(:has(.wn-status)):not(:has(#wo-live-metrics *)){display:none!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlv-strip::before{content:"Сейчас";display:block;margin:0 0 8px;font-size:15px;font-weight:500;color:var(--wd-ink)}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live #wlv-status .wn-status{display:grid!important;grid-template-columns:24px minmax(0,1fr) auto;align-items:start;gap:2px 8px!important;padding:10px 0!important;margin:0!important;
  border:0!important;border-top:0.5px solid var(--wd-line)!important;border-radius:0!important;background:transparent!important;color:var(--wd-ink)!important;box-shadow:none!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live #wlv-status .wn-status>.c-dot{display:block!important;grid-row:1/span 2;width:18px!important;height:18px!important;margin-top:1px;border-radius:0!important;background:currentColor!important;color:var(--wd-ok);-webkit-mask:var(--wdw-i-ok) center/18px no-repeat;mask:var(--wdw-i-ok) center/18px no-repeat}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live #wlv-status .wn-status.warn>.c-dot{color:var(--wd-warn);-webkit-mask-image:var(--wdw-i-warn);mask-image:var(--wdw-i-warn)}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live #wlv-status .wn-status.bad>.c-dot{color:var(--wd-bad);-webkit-mask-image:var(--wdw-i-bad);mask-image:var(--wdw-i-bad)}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live #wlv-status .wn-status:is(.off,.idle,.muted)>.c-dot{color:var(--wd-ink3);-webkit-mask-image:var(--wdw-i-idle);mask-image:var(--wdw-i-idle)}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live #wlv-status .wn-status>b{grid-column:2;font-size:14px!important;font-weight:500!important;color:var(--wd-ink)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live #wlv-status .wn-status>span:not(.c-dot){grid-column:2;font-size:13px!important;color:var(--wd-ink2)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live #wlv-status .wn-status>:is(button,.support-btn){grid-column:3;grid-row:1/span 2;align-self:center}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlv-facts{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:6px 16px!important;margin:0!important;padding:10px 0 0!important;border:0!important;border-top:0.5px solid var(--wd-line)!important;background:transparent!important;font-size:13px!important;color:var(--wd-ink2)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlv-facts b{font-weight:500!important;color:var(--wd-ink)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlv-facts small{font-size:13px!important;color:var(--wd-ink2)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlv-facts .wlp-number{min-height:0!important;padding:0 2px!important;border:0!important;background:transparent!important;color:var(--wd-ink)!important;font-weight:500!important;text-decoration:underline;text-underline-offset:3px}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wo-live-stale{padding:8px 12px!important;border:0!important;border-radius:var(--wd-r)!important;background:var(--wd-warnbg)!important;color:var(--wd-warn)!important;font-size:13px!important}

/* Журнал: шапка, фильтры, таблица без цветной шапки, плашки решений и доставки по токенам */
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlp-journal{padding:1rem 1.25rem!important;background:var(--wd-s2)!important;border:0.5px solid var(--wd-line)!important;border-radius:12px!important;box-shadow:none!important;overflow:visible!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlp-journal-head{padding:0 0 8px!important;margin:0!important;border:0!important;background:transparent!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlp-journal-head h3{font-size:15px!important;font-weight:500!important;color:var(--wd-ink)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live :is(.wlp-tools,.wlp-filterrow){padding:0 0 8px!important;margin:0!important;border:0!important;background:transparent!important;gap:8px 12px!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wn-table{border:0!important;background:transparent!important;box-shadow:none!important;margin:0 -8px!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wn-thead{background:transparent!important;border:0!important;border-bottom:0.5px solid var(--wd-line)!important;color:var(--wd-ink2)!important;font-size:12px!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wn-thead>span{color:var(--wd-ink2)!important;font-size:12px!important;font-weight:500!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlp-row{background:transparent!important;border:0!important;border-bottom:0.5px solid var(--wd-line)!important;border-radius:0!important;box-shadow:none!important;color:var(--wd-ink)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlp-row:nth-child(even){background:transparent!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlp-row:hover,html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlp-row.wlp-selected{background:var(--wd-s1)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlp-row b{font-weight:500!important;color:var(--wd-ink)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlp-row small{font-size:12px!important;color:var(--wd-ink2)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlp-badge{display:inline-flex;align-items:center;padding:2px 9px!important;border:0.5px solid var(--wd-line)!important;border-radius:var(--wd-r)!important;background:var(--wd-s1)!important;color:var(--wd-ink2)!important;font-size:12px!important;font-weight:400!important;line-height:18px!important;white-space:nowrap}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlp-badge.ok{background:var(--wd-okbg)!important;color:var(--wd-ok)!important;border-color:transparent!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlp-badge.warn{background:var(--wd-warnbg)!important;color:var(--wd-warn)!important;border-color:transparent!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlp-badge.bad{background:var(--wd-badbg)!important;color:var(--wd-bad)!important;border-color:transparent!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlp-badge:is(.info,.test){background:var(--wd-infobg)!important;color:var(--wd-info)!important;border-color:transparent!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live :is(.wlp-attention,.wlp-flag){color:var(--wd-warn)!important;background:transparent!important}

/* Раскрытая строка: разбор под строкой на surface-1 */
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlp-detail{margin:0!important;padding:12px!important;border:0!important;border-bottom:0.5px solid var(--wd-line)!important;border-radius:0!important;background:var(--wd-s1)!important;box-shadow:none!important;color:var(--wd-ink)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlp-detail-head{padding:0 0 6px!important;margin:0!important;border:0!important;background:transparent!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlp-detail-head h3{font-size:15px!important;font-weight:500!important;color:var(--wd-ink)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlp-detail-head small{font-size:12px!important;color:var(--wd-ink2)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlp-detail :is(h4,.wlp-advice>b){margin:12px 0 2px!important;font-size:13px!important;font-weight:500!important;color:var(--wd-ink)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlp-detail :is(.wlp-copy,.wlp-answer,.wlp-advice){font-size:13px!important;color:var(--wd-ink)!important;background:transparent!important;border:0!important;padding:0!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlp-detail .wlp-advice>b{display:block}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlp-detail .wlp-detail-note{font-size:12px!important;color:var(--wd-ink2)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlp-traces li{border-top:0.5px solid var(--wd-line)!important;padding:4px 0!important;font-size:13px!important;color:var(--wd-ink)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlp-traces li:first-child{border-top:0!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlp-traces .wlp-dot{background:var(--wd-ok)!important;box-shadow:none!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlp-traces :is(.bad,.failed,.error) .wlp-dot{background:var(--wd-bad)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlp-traces :is(.warn,.pending,.wait) .wlp-dot{background:var(--wd-ink3)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlp-traces time{color:var(--wd-ink2)!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live .wlp-fold{margin:8px 0 0!important;padding:8px 0 0!important;border:0!important;border-top:0.5px solid var(--wd-line)!important;border-radius:0!important;background:transparent!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live :is(.wlp-fold,.wlp-week,.wlp-service)>summary{display:flex!important;align-items:center;gap:6px;min-height:28px;padding:0!important;list-style:none;font-size:13px!important;font-weight:400!important;color:var(--wd-ink)!important;background:transparent!important}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live :is(.wlp-fold,.wlp-week,.wlp-service)>summary::-webkit-details-marker{display:none}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live :is(.wlp-fold,.wlp-week,.wlp-service)>summary::before{content:"\203A"!important;display:inline-block;width:12px;color:var(--wd-ink3);font-size:16px;line-height:1;transition:transform .15s}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live :is(.wlp-fold,.wlp-week,.wlp-service)[open]>summary::before{transform:rotate(90deg)}
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live :is(.wlp-fold,.wlp-week,.wlp-service)>summary::after{content:none!important;display:none!important}
/* Свёрнутые «За 7 дней» и «Служебное состояние»: карточки макета */
html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live :is(.wlp-week,.wlp-service){margin:0 0 12px!important;padding:.6rem 1.25rem!important;background:var(--wd-s2)!important;border:0.5px solid var(--wd-line)!important;border-radius:12px!important;box-shadow:none!important}

@media (max-width:900px){
  html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-pane{border-radius:12px!important}
}
@media (max-width:760px){
  html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff)>.wa-head{flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important}
  html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff)>.wa-head>.wa-title{flex:1 1 100%!important;margin-right:0!important}
  html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff)>.wa-head>:not(.wa-title){flex:0 0 auto!important;width:auto!important;margin:0!important}
  html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff>.wa-head>.welcome-dialog-tools{flex:1 1 100%!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important}
  html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff>.wa-head .welcome-dialog-refresh{display:flex!important;flex-wrap:wrap!important;align-items:center;gap:4px 8px!important;justify-content:flex-start!important}
  html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff>.wa-head .wn-refresh-seg{flex-wrap:nowrap!important}
  html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) :is(.wd-list-title,.wd-list-search,.wn-list-head,.wco-queue-columns,.wn-group-head){padding-left:1rem!important;padding-right:1rem!important}
  html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) .support-row{padding:10px 1rem!important}
  html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff) :is(.support-conversation-head,.support-chat,.support-composer){padding-left:1rem!important;padding-right:1rem!important}
  html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff .wn-dlg-kpi{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-handoff .wn-dlg-kpi>.wn-dlg-card{padding:10px 1rem!important}
  html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live :is(.wlv-strip,.wlp-journal){padding:.9rem 1rem!important}
  :is(html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>:is(#section-support-dialogs,#section-support-handoff),html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live) :is(.wd-thread-more,.wd-page-more,.wn-more-filters,.wlp-more)>summary{min-height:44px!important}
  html body.product-support #dashboard#dashboard#dashboard#dashboard#dashboard#dashboard#dashboard>#section-support-live :is(.wlp-week,.wlp-service){padding:.6rem 1rem!important}
}