/* Общее окно подтверждения (welcome-confirm.js). Цвета только из --ov-*: окно в слое .wc-layer, токены для него
   заданы в welcome-next.css и welcome-common.css, в светлой и тёмной теме. */
html body.product-support .wcf-dialog{width:min(460px,calc(100vw - 32px));max-height:calc(100vh - 32px);box-sizing:border-box;margin:auto;padding:0;overflow:auto;
  border:1px solid var(--ov-line);border-radius:16px;background:var(--ov-surface);color:var(--ov-text);
  box-shadow:0 2px 4px color-mix(in srgb,var(--ov-text) 6%,transparent),0 18px 48px color-mix(in srgb,var(--ov-text) 18%,transparent)}
html body.product-support .wcf-dialog .wcf-body{display:grid;gap:10px;margin:0;padding:22px 22px 18px}
html body.product-support .wcf-dialog .wcf-title{margin:0;font-size:16px!important;font-weight:650!important;line-height:1.4!important;color:var(--ov-text);overflow-wrap:anywhere}
html body.product-support .wcf-dialog .wcf-text{margin:0;font-size:13.5px;line-height:1.55;color:var(--ov-muted);white-space:pre-line;overflow-wrap:anywhere}
html body.product-support .wcf-dialog .wcf-text[hidden]{display:none}
html body.product-support .wcf-dialog .wcf-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:8px}
html body.product-support .wcf-dialog .wcf-btn{min-height:38px;padding:0 16px;border:1px solid var(--ov-line);border-radius:9px;background:var(--ov-surface);color:var(--ov-text);
  font:inherit;font-size:13px;font-weight:600;cursor:pointer}
html body.product-support .wcf-dialog .wcf-btn:hover{border-color:color-mix(in srgb,var(--ov-text) 30%,var(--ov-line))}
html body.product-support .wcf-dialog .wcf-btn.wcf-ok{border-color:var(--ov-accent);background:var(--ov-accent);color:var(--ov-surface)}
html body.product-support .wcf-dialog .wcf-btn.wcf-ok:hover{background:color-mix(in srgb,var(--ov-accent) 86%,var(--ov-text))}
html body.product-support .wcf-dialog.wcf-danger .wcf-btn.wcf-ok{border-color:var(--ov-bad);background:var(--ov-bad)}
html body.product-support .wcf-dialog.wcf-danger .wcf-btn.wcf-ok:hover{background:color-mix(in srgb,var(--ov-bad) 86%,var(--ov-text))}
html body.product-support .wcf-dialog .wcf-btn:focus-visible{outline:2px solid var(--ov-accent);outline-offset:2px}
html body.product-support .wcf-dialog.wcf-danger .wcf-btn.wcf-ok:focus-visible{outline-color:var(--ov-bad)}
@media(max-width:620px){
  html body.product-support .wcf-dialog .wcf-body{padding:18px 16px 16px}
  html body.product-support .wcf-dialog .wcf-actions{flex-direction:column-reverse}
  html body.product-support .wcf-dialog .wcf-btn{width:100%;min-height:44px}
}