/* SkuScan: путь после аудита - регистрация (демо 14 дней) и токен WB. Заявок нет.
   Свой файл, чтобы не пересекаться с правками style.css: монитор 10/90, окно регистрации, экран «что дальше»,
   перепроверка, блоки «дальше ведет кабинет», полоса под планом, липкая панель. Подключен после style.css. */

/* ---------- монитор: финальная сцена «на экране 10% / за кадром 90%» ---------- */
.hx{display:flex;flex-direction:column;height:100%;min-height:0}
.hx-head{margin-bottom:14px}
.hx-head b{font-size:19px;letter-spacing:-.025em;line-height:1.25;text-wrap:balance}
.hx-bar{position:relative;height:12px;border-radius:999px;background:#ECE8F2;overflow:hidden;margin:2px 0 8px;flex:none}
.hx-bar i{position:absolute;top:0;bottom:0;border-radius:999px}
.hx-bar .hx-on{left:0;width:0;background:linear-gradient(90deg,#CB11AB,#7A1FC2);transition:width 1.1s cubic-bezier(.45,.05,.25,1);z-index:1}
.hx-bar.go .hx-on{width:10%}
.hx-bar .hx-off{left:0;width:0;background:repeating-linear-gradient(135deg,#15131C 0 8px,#2B2238 8px 16px);background-size:22.6px 22.6px;
  transition:width 1.6s cubic-bezier(.45,.05,.25,1);animation:hxRun 1s linear infinite}
.hx-bar.go2 .hx-off{width:100%}
@keyframes hxRun{to{background-position:22.6px 0}}
.hx-lbl{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--mute);margin-bottom:16px;flex:none}
.hx-lbl b{font-weight:600;color:var(--ink)}
.hx-lbl span b{color:#B0129A}
.hx-lbl em,.hx-lbl i{font-style:normal}
.hx-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:20px;flex:1 1 auto;min-height:0;align-items:start}
.hx h4{margin:0 0 10px;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-family:var(--mono);color:var(--mute)}
.hx ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;align-content:start}
.hx li{opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s}
.hx li.in{opacity:1;transform:none}
.hx-done{padding:4px 0}
.hx-done ul{gap:7px}
.hx-done li{position:relative;padding-left:26px;font-size:13px;line-height:1.38;color:var(--ink2)}
.hx-done li:before{content:"";position:absolute;left:0;top:1px;width:17px;height:17px;border-radius:50%;background:#1FAA59 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4 8.4l2.6 2.5L12 5.4' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/12px no-repeat}
.hx-rest{background:#15131C;color:#F4F1FA;border-radius:14px;padding:16px 18px 14px;position:relative;overflow:hidden;
  box-shadow:0 18px 40px -22px rgba(21,19,28,.7)}
.hx-rest:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px 200px at 100% 0,rgba(203,17,171,.22),transparent 70%)}
.hx-rest h4{color:#B9B3C8;display:flex;align-items:center;gap:8px;position:relative}
.hx-rest h4 i{width:7px;height:7px;border-radius:50%;background:#2BD67B;box-shadow:0 0 0 3px rgba(43,214,123,.18);animation:hxPulse 1.6s ease-in-out infinite}
@keyframes hxPulse{50%{box-shadow:0 0 0 6px rgba(43,214,123,0)}}
.hx-rest ul{gap:0;position:relative}
.hx-rest li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-top:1px solid rgba(255,255,255,.08);font-size:13.5px;line-height:1.35}
.hx-rest li:nth-child(n+6){display:none}
.hx-lbl em{text-align:right}
.hx-rest li:first-child{border-top:0}
.hx-rest li em{flex:none;font-style:normal;font-weight:500;font-size:12px;line-height:1.2;color:#E9A6F0;white-space:nowrap}
body[data-mp="ozon"] .hx-bar .hx-on{background:linear-gradient(90deg,#005BFF,#0033A0)}
body[data-mp="ozon"] .hx-lbl span b{color:#005BFF}
body[data-mp="ozon"] .hx-rest li em{color:#9CC0FF}
body[data-mp="avito"] .hx-bar .hx-on{background:linear-gradient(90deg,#00BA5D,#008542)}
body[data-mp="avito"] .hx-lbl span b{color:#008542}
body[data-mp="avito"] .hx-rest li em{color:#10EB7E}
.scene:has(.hx){padding-bottom:64px}
/* ПК: правая темная колонка шире, строки компактнее - список не уходит под подпись внизу окна */
@media (min-width:601px){.hx-cols{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr)}.hx-head{margin-bottom:10px}.hx-lbl{margin-bottom:12px}.hx-rest li{padding:6px 0}}
@media (max-width:980px){.hx-head b{font-size:17px}.hx-rest li{font-size:13px;padding:6px 0}}
/* телефон: окно монитора 16:10 слишком низкое для финала - на этой сцене окно растет по содержимому */
@media (max-width:600px){
  .scan .bw-view:has(.scene:not([hidden]) .hx){aspect-ratio:auto;height:auto;display:block}
  .bw-view:has(.scene:not([hidden]) .hx) #bwImg,.bw-view:has(.scene:not([hidden]) .hx) .bw-wait{display:none}
  .scene:has(.hx){position:relative;inset:auto;padding:14px 14px 58px}
  .hx-head{margin-bottom:10px}.hx-head b{font-size:15.5px}
  .hx-lbl{font-size:11.5px;margin-bottom:12px}.hx-lbl i{display:none}
  .hx-cols{grid-template-columns:minmax(0,1fr);gap:12px}
  .hx-done li{font-size:12.5px;padding-left:22px}.hx-done li:before{width:15px;height:15px;background-size:10px}
  .hx-done li:nth-child(n+4){display:none}
  .hx-rest{padding:12px 14px 10px}
  .hx-rest li{font-size:12.5px;padding:6px 0}.hx-rest li:nth-child(n+6){display:none}
}

/* ---------- отчет: строка под суммой ---------- */
.loss-cab a{white-space:nowrap}

/* ---------- блоки «Дальше это ведет кабинет SkuScan» (топ-3 темы) ---------- */
.deep{background:#fff;border:1px solid var(--line);box-shadow:var(--sh)}
.deep:after{display:none}
.deep-h{align-items:center}
.deep-t{display:flex;align-items:center;gap:8px}
.deep-t:before{content:"";width:8px;height:8px;border-radius:50%;background:#2BD67B;box-shadow:0 0 0 3px rgba(43,214,123,.16);flex:none}
.deep-h p{color:var(--ink2)}
.deep-go{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:10px;background:var(--btn);color:#fff;font-weight:600;font-size:14.5px;
  text-decoration:none;white-space:nowrap;transition:background .18s}
.deep-go:after{content:"→";transition:transform .2s}
.deep-go:hover{background:var(--btn-h)}
.deep-go:hover:after{transform:translateX(3px)}
.deep li:before{background:#15131C}
body[data-mp="avito"] .deep{background:#fff;border:1px solid var(--line)}
@media (max-width:980px){.deep-h{align-items:flex-start}}
@media (max-width:600px){.deep{padding:18px}.deep-go{width:100%;justify-content:center}}

/* ---------- перепроверка через 7 дней: одна кнопка, без формы контакта ---------- */
.recheck{grid-template-columns:minmax(0,1fr) auto;gap:18px 32px;align-items:center}
.recheck .rc-go{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.recheck #rcAccount{min-height:48px;padding:0 22px;white-space:nowrap}
.recheck .rc-note{margin:0;font-size:12.5px;color:var(--mute)}
@media (max-width:760px){.recheck{grid-template-columns:minmax(0,1fr)}.recheck .rc-go{align-items:stretch}.recheck #rcAccount{width:100%}.recheck .rc-note{text-align:center}}

/* ---------- полоса под планом ---------- */
.plan-cab .band-acts{align-items:center}
.plan-cab .band-alt{color:#fff;font-weight:600;font-size:14.5px;text-decoration:underline;text-decoration-color:rgba(255,255,255,.45);text-underline-offset:4px;padding:0 6px;white-space:nowrap}
.plan-cab .band-alt:hover{text-decoration-color:#fff}
.plan-cab .band-go{white-space:nowrap}
.plan-cab h3{text-wrap:balance}
@media (max-width:760px){.plan-cab .band-go{white-space:normal;text-align:center;line-height:1.25;padding:12px 18px}.plan-cab .band-alt{width:100%;text-align:center;padding:6px 0}}

/* ---------- блок токена ---------- */
.tk-side .tk-alt{color:var(--ink2);font-size:14px;font-weight:500;text-decoration:underline;text-decoration-color:var(--line3);text-underline-offset:4px}
.tk-side .tk-alt:hover{color:var(--ink);text-decoration-color:currentColor}
.tk-note{font-family:inherit;font-size:13px;letter-spacing:0}
.hm-cab-t .hm-cab-note{font-family:inherit;font-size:13px;letter-spacing:0}

/* ---------- липкая панель: одна главная кнопка ---------- */
.sticky-in.cab .st-cab{white-space:nowrap}
@media (max-width:600px){.sticky-in.cab .st-cab{flex:1 1 auto}}

/* ---------- окно регистрации ---------- */
#authModal .consent.consent-note{display:block}
#authModal .consent.consent-note a{display:inline}
.auth-plan{margin:-8px 0 16px;padding:9px 12px;border-radius:10px;background:#F6F2FB;color:var(--ink2);font-size:13.5px}
#authModal .eyebrow,#nextModal .eyebrow{padding-right:40px}
#authModal.is-demo #authTitle{text-wrap:balance}

/* ---------- экран «что дальше» после регистрации ---------- */
.nx-card{width:min(600px,100%)}
.nx-card h3{margin-bottom:18px}
.nx-steps{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:0;counter-reset:nx}
.nx-steps>li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;position:relative;padding:0 0 18px}
.nx-steps>li:not(:last-child):after{content:"";position:absolute;left:13px;top:30px;bottom:4px;width:2px;background:var(--line)}
.nx-steps>li>i{counter-increment:nx;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:600 13px var(--mono);
  background:#fff;box-shadow:inset 0 0 0 1.5px var(--line3);color:var(--ink2)}
.nx-steps>li>i:before{content:counter(nx)}
.nx-steps .nx-done>i{background:#1FAA59;box-shadow:none;color:#fff}
.nx-steps .nx-done>i:before{content:"✓";font-family:inherit}
.nx-steps .nx-now>i{background:var(--btn);box-shadow:0 0 0 4px rgba(122,31,194,.14);color:#fff}
.nx-steps b{display:block;font-size:15.5px;line-height:1.35;margin:3px 0 4px}
.nx-steps span{display:block;font-size:14px;line-height:1.5;color:var(--ink2)}
.nx-tok{display:flex!important;flex-direction:row!important;gap:8px;margin-top:12px}
.nx-tok input{flex:1 1 auto;min-width:0;font-size:15px!important;padding:12px 14px!important}
.nx-tok button{flex:none;padding:0 18px;min-height:46px}
.nx-err{text-align:left;font-size:13.5px;margin:8px 0 0}
.nx-how{margin-top:10px}
.nx-how summary{cursor:pointer;font-size:13.5px;font-weight:600;color:var(--ink);list-style:none;text-decoration:underline;text-decoration-color:var(--line3);text-underline-offset:4px}
.nx-how summary::-webkit-details-marker{display:none}
.nx-how p{margin:8px 0 0;font-size:13.5px;line-height:1.5;color:var(--ink2);background:#F7F6F3;border-radius:10px;padding:10px 12px}
.nx-acts{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:16px}
.nx-me{font-weight:600;color:var(--ink);text-decoration:underline;text-decoration-color:var(--line3);text-underline-offset:4px}
.nx-me:hover{text-decoration-color:currentColor}
@media (max-width:600px){
  .nx-steps>li{grid-template-columns:24px minmax(0,1fr);gap:12px}
  .nx-steps>li>i{width:24px;height:24px;font-size:12px}
  .nx-steps>li:not(:last-child):after{left:11px;top:26px}
  .nx-tok{flex-direction:column!important}.nx-tok button{width:100%}
}

/* ---------- 06.10 приемка: мелочи ---------- */
.home .eyebrow .eb-x{margin-left:-9px}
.sf-cta{max-width:100%}
/* шапка после входа: «Мои проверки» вместо «Войти» не переносится на 2 строки */
.top nav a{white-space:nowrap}
@media (max-width:1500px){.top nav:has(.is-me) a.nav-mp[href="/agency/"]{display:none}}