/* SINAVORA f47 · Sürekli Form / Test+ benzeri mobil sonuç sunumu
   - Son doğrulanmış optik + öğrenci bilgisi tek kartta görünür.
   - Yeni optik okunurken eski sonuç kartı kaybolmaz; içerik yeni sonuçla yerinde değişir.
   - Geç / Yeniden Oku ve manuel deklanşör normal mobil akıştan çıkarılmıştır. */
@media (max-width: 820px), (pointer: coarse) and (max-width: 1100px) {
  body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive #mobileEngineBadge{
    font-size:6.8px!important;letter-spacing:.075em!important;background:rgba(3,105,161,.28)!important;
    border-color:rgba(56,189,248,.34)!important;color:#bae6fd!important
  }

  /* Sonuç kartı: kamera merkezini açık bırakıp alt bölümde optik + bilgi birlikte görünür. */
  body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive #scanLiveResult,
  body.sinavora-page-okutma-kamera > .scanner-stage.scanner-immersive #scanLiveResult{
    top:auto!important;left:50%!important;right:auto!important;
    bottom:calc(var(--f44-safe-bottom,8px) + 78px)!important;
    width:min(430px,calc(100vw - 12px))!important;
    max-height:min(224px,35dvh)!important;
    padding:8px 9px!important;border-radius:17px!important;overflow:hidden!important;
    display:grid!important;grid-template-columns:minmax(122px,42%) minmax(0,58%)!important;
    grid-template-rows:auto 1fr auto auto!important;column-gap:9px!important;row-gap:4px!important;
    background:rgba(12,29,41,.91)!important;border:1px solid rgba(186,230,253,.22)!important;
    box-shadow:0 18px 44px rgba(0,0,0,.34)!important;
    transform:translate(-50%,0)!important;transform-origin:center bottom!important;
    backdrop-filter:blur(13px) saturate(120%)!important;-webkit-backdrop-filter:blur(13px) saturate(120%)!important;
  }
  body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive #scanLiveResult[hidden]{display:none!important}
  .scanner-stage.scanner-immersive #scanLiveResult .scan-live-result-top{
    grid-column:1/-1!important;grid-row:1!important;display:flex!important;align-items:center!important;
    justify-content:space-between!important;margin:0!important;padding:0 2px 2px!important;min-height:20px!important
  }
  .scanner-stage.scanner-immersive #scanLiveResult .scan-live-result-top .live-status{
    min-width:0!important;font-size:7.6px!important;letter-spacing:.055em!important;white-space:nowrap!important;
    overflow:hidden!important;text-overflow:ellipsis!important;color:#bbf7d0!important
  }
  .scanner-stage.scanner-immersive #scanLiveResult .confidence-badge{font-size:7px!important;padding:2px 5px!important}

  /* Perspektifi düzeltilmiş gerçek optik, sonuç kartının ana parçasıdır. */
  body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive #mobileVerifiedForm:not([hidden]){
    grid-column:1!important;grid-row:2/5!important;display:flex!important;flex-direction:column!important;
    min-width:0!important;min-height:0!important;margin:0!important;padding:5px!important;gap:3px!important;
    border-radius:12px!important;background:#f8fafc!important;border:1px solid rgba(186,230,253,.34)!important;
    overflow:hidden!important
  }
  body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive #mobileVerifiedFormCanvas{
    width:100%!important;height:100%!important;min-height:104px!important;max-height:154px!important;
    object-fit:contain!important;background:#fff!important;border-radius:8px!important;cursor:zoom-in!important;
    box-shadow:inset 0 0 0 1px rgba(15,38,92,.08)!important
  }
  body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive #mobileVerifiedForm .verified-info{
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:5px!important;
    padding:1px 1px 0!important;min-height:17px!important
  }
  #mobileVerifiedForm .verified-info strong{font-size:7.2px!important;color:#075985!important;white-space:nowrap!important}
  #mobileVerifiedForm .verified-info span{display:none!important}
  #mobileVerifiedForm .f45-preview-toggle{
    min-height:19px!important;height:19px!important;padding:2px 5px!important;border-radius:6px!important;
    font-size:6.8px!important;background:#e0f2fe!important;color:#075985!important
  }

  /* Öğrenci/sonuç bilgileri sağda, hızlı okunacak kompakt düzende. */
  .scanner-stage.scanner-immersive #scanLiveResult dl{
    grid-column:2!important;grid-row:2!important;display:grid!important;grid-template-columns:1fr!important;
    align-content:start!important;gap:1px!important;margin:0!important;min-width:0!important
  }
  .scanner-stage.scanner-immersive #scanLiveResult dl div{
    display:grid!important;grid-template-columns:55px minmax(0,1fr)!important;align-items:center!important;
    gap:5px!important;min-width:0!important;padding:2px 3px!important;border:0!important;border-radius:0!important;
    background:transparent!important
  }
  .scanner-stage.scanner-immersive #scanLiveResult dt{
    display:block!important;font-size:7.8px!important;line-height:1.2!important;color:#94a3b8!important;
    text-transform:none!important;letter-spacing:0!important;font-weight:700!important
  }
  .scanner-stage.scanner-immersive #scanLiveResult dt:after{content:' :'!important}
  .scanner-stage.scanner-immersive #scanLiveResult dd{
    display:block!important;margin:0!important;min-width:0!important;font-size:10.8px!important;line-height:1.25!important;
    color:#fff!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
  }
  .scanner-stage.scanner-immersive #scanLiveResult .score-row dd{font-size:11.5px!important;color:#d1fae5!important}
  .scanner-stage.scanner-immersive #scanLiveResult .scan-live-result-summary{
    grid-column:2!important;grid-row:3!important;margin:1px 0 0!important;padding:4px 3px 0!important;
    border-top:1px solid rgba(255,255,255,.10)!important;font-size:7.6px!important;line-height:1.32!important;
    color:#cbd5e1!important;min-width:0!important;max-height:31px!important;overflow:hidden!important
  }

  /* Normal mobil kullanımda Geç/Yeniden Oku yok. Sil/Düzenle yalnız düzeltme aracıdır. */
  .scanner-stage.scanner-immersive #scanLiveResult .scan-live-result-actions{
    grid-column:2!important;grid-row:4!important;display:flex!important;justify-content:flex-end!important;gap:5px!important;
    margin:2px 0 0!important;padding:0!important
  }
  .scanner-stage.scanner-immersive #scanLiveNext,
  .scanner-stage.scanner-immersive #scanLiveReread{display:none!important}
  .scanner-stage.scanner-immersive #scanLiveDelete,
  .scanner-stage.scanner-immersive #scanLiveEdit{
    min-height:25px!important;height:25px!important;min-width:0!important;padding:4px 8px!important;border-radius:8px!important;
    font-size:7.4px!important;font-weight:850!important;box-shadow:none!important
  }
  .scanner-stage.scanner-immersive #scanLiveDelete{background:rgba(239,91,98,.72)!important}
  .scanner-stage.scanner-immersive #scanLiveEdit{background:rgba(49,143,208,.76)!important}

  /* Yeni optik analiz edilirken son sonuç silinmez; ince bir durum halkası görünür. */
  .scanner-stage.scanner-immersive #scanLiveResult.f47-reading-next{
    border-color:rgba(56,189,248,.46)!important;box-shadow:0 18px 44px rgba(0,0,0,.34),0 0 0 1px rgba(56,189,248,.12)!important
  }
  .scanner-stage.scanner-immersive #scanLiveResult.f47-reading-next:after{
    content:'YENİ OPTİK OKUNUYOR';position:absolute!important;right:10px!important;top:30px!important;
    padding:3px 6px!important;border-radius:999px!important;background:rgba(2,132,199,.88)!important;color:#fff!important;
    font-size:6.5px!important;font-weight:900!important;letter-spacing:.06em!important;pointer-events:none!important
  }

  /* Ortadaki eski manuel deklanşör artık otomatik motor göstergesidir. */
  .scanner-stage.scanner-immersive #mobileCaptureButton{
    pointer-events:none!important;opacity:1!important;filter:none!important;cursor:default!important;
    width:58px!important;height:58px!important;border-radius:18px!important;border:2px solid rgba(186,230,253,.82)!important;
    background:rgba(8,47,73,.72)!important;box-shadow:0 0 0 4px rgba(14,165,233,.14),0 8px 22px rgba(0,0,0,.24)!important
  }
  .scanner-stage.scanner-immersive #mobileCaptureButton .shutter-inner{
    width:42px!important;height:42px!important;border-radius:14px!important;background:#0ea5e9!important;
    box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)!important
  }
  .scanner-stage.scanner-immersive #mobileCaptureButton:after{
    content:'AUTO';position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;
    color:#fff!important;font-size:7px!important;font-weight:950!important;letter-spacing:.08em!important;text-shadow:0 1px 2px rgba(0,0,0,.45)!important
  }

  /* Sonuç kartı varken seri tarama ipucu kartın üstünde, kamera alanını kapatmadan kalır. */
  .scanner-stage.scanner-immersive.has-live-result .f44-mobile-scan-hint,
  .scanner-stage.scanner-immersive.has-live-result .f45-mobile-scan-hint,
  .scanner-stage.scanner-immersive.has-live-result .f46-mobile-scan-hint{
    bottom:calc(var(--f44-safe-bottom,8px) + 306px)!important;max-width:calc(100vw - 24px)!important
  }
}

@media (max-height:700px) and (max-width:820px){
  body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive #scanLiveResult{
    max-height:188px!important;grid-template-columns:minmax(106px,39%) minmax(0,61%)!important
  }
  body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive #mobileVerifiedFormCanvas{min-height:82px!important;max-height:118px!important}
  .scanner-stage.scanner-immersive.has-live-result .f44-mobile-scan-hint,
  .scanner-stage.scanner-immersive.has-live-result .f45-mobile-scan-hint,
  .scanner-stage.scanner-immersive.has-live-result .f46-mobile-scan-hint{display:none!important}
}
