/* Общие элементы панели вне страниц (welcome-common.js): слой .wc-layer для окон и уведомлений поверх страницы.
   Токены --ov-* для слоя заданы вместе со страницами в welcome-next.css; здесь синий акцент, как у страниц. */
html body.style1.assistant-admin.product-support .wc-layer{--ov-accent:var(--polish-blue)}
/* Затемнение под окнами слоя (подтверждение, разбор события, окно материала): тёмное в обеих темах.
   Почти чёрное, а не цвет текста или поверхности: меню слева само тёмное (#141e28), тёмно-синяя или цвета поверхности
   пелена его не меняет и даже осветляет, и меню выглядело незатемнённым. Окно в верхнем слое (showModal), z-index меню не мешает. */
html body.product-support{--wc-backdrop:color-mix(in srgb,#04070a 50%,transparent)}
html body.product-support.theme-dark{--wc-backdrop:color-mix(in srgb,#020305 68%,transparent)}
html body.product-support dialog.wc-layer::backdrop{background:var(--wc-backdrop,rgba(4,7,10,.5))}

/* Уведомление в углу экрана (WelcomeCommon.toast, showToast). */
html body.product-support .wc-toast-stack{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;
  max-width:min(380px,calc(100vw - 32px));pointer-events:none}
html body.product-support .wc-toast-stack .wc-toast{box-sizing:border-box;min-width:min(250px,calc(100vw - 32px));padding:12px 16px;
  border:1px solid var(--ov-line);border-left:4px solid var(--ov-accent);border-radius:10px;background:var(--ov-surface);color:var(--ov-text);
  font-size:13px;font-weight:500;line-height:1.45;overflow-wrap:anywhere;pointer-events:auto;
  box-shadow:0 2px 4px color-mix(in srgb,var(--ov-text) 6%,transparent),0 12px 32px color-mix(in srgb,var(--ov-text) 14%,transparent);
  opacity:0;transform:translateX(24px);transition:opacity .2s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}
html body.product-support .wc-toast-stack .wc-toast.is-shown{opacity:1;transform:none}
html body.product-support .wc-toast-stack .wc-toast-success{border-left-color:var(--polish-success,var(--ov-accent))}
html body.product-support .wc-toast-stack .wc-toast-error{border-left-color:var(--ov-bad)}
@media(prefers-reduced-motion:reduce){html body.product-support .wc-toast-stack .wc-toast{transition:none}}
@media(max-width:620px){html body.product-support .wc-toast-stack{top:auto;bottom:16px;right:16px;left:16px;max-width:none}}

/* Пустое состояние (WelcomeCommon.emptyState): заголовок, пояснение и ссылка столбиком. */
html body.product-support .support-empty.wc-empty{display:grid;justify-items:center;gap:6px;text-align:center}
html body.product-support .support-empty.wc-empty b{display:block;font-size:14px;color:var(--ov-text)}
html body.product-support .support-empty.wc-empty span{color:var(--ov-muted)}
html body.product-support .support-empty.wc-empty .support-btn{display:inline-flex;align-items:center;margin-top:8px;text-decoration:none}

/* «Раздел не найден» (неизвестный #адрес, operators.js): небольшое состояние со ссылкой на «Обзор». */
html body.style1.assistant-admin.product-support #dashboard#dashboard>#welcome-not-found#welcome-not-found.wc-not-found{display:block;width:auto!important;max-width:560px!important;margin:48px auto!important;padding:8px 16px!important;box-sizing:border-box}
html body.product-support #dashboard>.wc-not-found .support-empty{padding:36px 22px!important;border:1px solid var(--ov-line);border-radius:16px;background:var(--ov-surface)}
html body.product-support #dashboard>.wc-not-found .support-empty b{font-size:18px}
html body.product-support #dashboard>.wc-not-found[hidden]{display:none}
html body.product-support #supportTopStatus:empty{visibility:hidden}