/* OKO · мост для Контент-завода и Проверки видео — статусы и результат.
   Обе темы, движение только на transform/opacity, гаснет при reduced-motion. */

.ba-host, .ba-host-vc{ margin-top:10px }

/* предложение отправить на разбор */
.ba-offer{
  margin-top:12px; padding:15px;
  border-radius:var(--r-md,14px);
  background:var(--surface);
  border:1px solid color-mix(in srgb, var(--lime,#9AFF00) 22%, transparent);
}
.ba-offer-h{ display:flex; align-items:center; gap:8px; margin-bottom:7px }
.ba-offer-h svg.i{ width:17px; height:17px; color:var(--lime,#9AFF00) }
.ba-offer-h b{ font-size:14.5px }
.ba-offer p{ color:var(--dim); font-size:12.5px; line-height:1.55; margin:0 0 12px }
.ba-offer .btn{ width:100% }

/* статус «в работе» / «не получилось» */
.ba-st{
  display:flex; gap:11px; align-items:flex-start;
  margin-top:10px; padding:14px;
  border-radius:var(--r-md,14px);
  background:var(--surface);
  border:1px solid var(--border);
  position:relative; overflow:hidden;
}
.ba-st:not(.bad)::before{
  content:''; position:absolute; top:0; left:0; height:2px; width:34%;
  background:linear-gradient(90deg,transparent,var(--lime,#9AFF00),transparent);
  animation:baRun 2.6s ease-in-out infinite;
}
@keyframes baRun{ 0%{transform:translateX(-100%)} 100%{transform:translateX(400%)} }
.ba-st.bad{ border-color:color-mix(in srgb,#ff5a5a 40%,transparent) }
.ba-st-ic{
  flex:0 0 auto; width:38px; height:38px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  background:color-mix(in srgb, var(--lime,#9AFF00) 12%, transparent);
  color:var(--lime,#9AFF00);
}
.ba-st.bad .ba-st-ic{ background:rgba(255,90,90,.12); color:#ff7a7a }
.ba-st-ic svg.i{ width:18px; height:18px }
.ba-st b{ display:block; font-size:14px; margin-bottom:3px }
.ba-st small{ display:block; color:var(--dim); font-size:12px; line-height:1.5 }

/* готовый результат */
.ba-res{
  margin-top:10px; padding:15px;
  border-radius:var(--r-md,14px);
  background:color-mix(in srgb, var(--lime,#9AFF00) 7%, var(--surface));
  border:1px solid color-mix(in srgb, var(--lime,#9AFF00) 34%, transparent);
}
.ba-res-h{ display:flex; align-items:center; gap:8px; margin-bottom:8px }
.ba-res-h svg.i{ width:17px; height:17px; color:var(--lime,#9AFF00) }
.ba-res-h b{ font-size:14.5px }
.ba-res-t{
  color:var(--text); font-size:13px; line-height:1.6; margin:0 0 10px;
  white-space:pre-wrap; word-break:break-word;
}
.ba-fixes{ margin:0 0 12px; padding-left:18px }
.ba-fixes li{ color:var(--dim); font-size:12.5px; line-height:1.55; margin-bottom:5px }
.ba-res .btn{ width:100% }

/* кнопка отправки на карточке задачи завода */
.ba-go{ min-height:44px }

@media (prefers-reduced-motion:reduce){
  .ba-st::before{ animation:none }
}