/* SINAVORA f44 · Profesyonel mobil kamera/OMR sunum katmanı */
@media (max-width: 820px), (pointer: coarse) and (max-width: 1100px) {
  body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive,
  body.sinavora-page-okutma-kamera > .scanner-stage.scanner-immersive {
    --f44-safe-top:max(8px,env(safe-area-inset-top,0px));
    --f44-safe-bottom:max(8px,env(safe-area-inset-bottom,0px));
    background:#07111d!important;
    isolation:isolate;
  }

  body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive video#cameraVideo,
  body.sinavora-page-okutma-kamera > .scanner-stage.scanner-immersive video#cameraVideo {
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    object-fit:cover!important;background:#07111d!important;transform:translateZ(0);
  }

  /* Kamera uygulaması gibi sade üst çubuk. */
  body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive .mobile-scan-appbar,
  body.sinavora-page-okutma-kamera > .scanner-stage.scanner-immersive .mobile-scan-appbar {
    display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;
    top:0!important;left:0!important;right:0!important;min-height:62px!important;
    padding:var(--f44-safe-top) 10px 8px!important;border:0!important;border-radius:0!important;
    background:linear-gradient(180deg,rgba(3,9,18,.92) 0%,rgba(3,9,18,.62) 58%,rgba(3,9,18,0) 100%)!important;
    box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  .scanner-stage.scanner-immersive .mobile-scan-icon-btn{width:38px!important;height:38px!important;border-radius:50%!important;background:rgba(4,13,26,.58)!important;border:1px solid rgba(255,255,255,.16)!important}
  .scanner-stage.scanner-immersive .mobile-scan-app-title{align-items:center!important;justify-content:center!important;gap:1px!important}
  .scanner-stage.scanner-immersive .mobile-scan-app-title strong{max-width:100%!important;font-size:13px!important;line-height:1.25!important;color:#fff!important}
  .scanner-stage.scanner-immersive #mobileScanStatus{max-width:100%!important;font-size:9px!important;line-height:1.2!important;color:#cbd5e1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .scanner-stage.scanner-immersive #mobileEngineBadge{margin-top:2px!important;padding:2px 6px!important;border:1px solid rgba(56,189,248,.25)!important;border-radius:999px!important;background:rgba(3,105,161,.22)!important;color:#7dd3fc!important;font-size:6.6px!important;letter-spacing:.08em!important}

  /* Köşe sayacı, formu kapatmayacak kadar küçük. */
  body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive .mobile-corner-progress,
  body.sinavora-page-okutma-kamera > .scanner-stage.scanner-immersive .mobile-corner-progress {
    top:calc(var(--f44-safe-top) + 61px)!important;padding:4px 8px!important;border-radius:999px!important;
    background:rgba(4,13,26,.56)!important;border:1px solid rgba(255,255,255,.12)!important;
    backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;
  }

  /* Başarılı okuma: büyük belge önizlemesi yerine anında anlaşılır kompakt bilgi kartı. */
  body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive #scanLiveResult,
  body.sinavora-page-okutma-kamera > .scanner-stage.scanner-immersive #scanLiveResult {
    top:clamp(138px,24dvh,220px)!important;left:50%!important;right:auto!important;bottom:auto!important;
    width:min(326px,calc(100vw - 30px))!important;max-height:min(355px,50dvh)!important;
    padding:12px 13px 11px!important;border:1px solid rgba(186,230,253,.18)!important;border-radius:15px!important;
    overflow:auto!important;background:rgba(25,48,61,.82)!important;color:#f8fafc!important;
    box-shadow:0 16px 42px rgba(0,0,0,.34)!important;
    -webkit-backdrop-filter:blur(13px) saturate(120%)!important;backdrop-filter:blur(13px) saturate(120%)!important;
    transform:translate(-50%,-6px) scale(.985)!important;transform-origin:center top!important;
  }
  body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive #scanLiveResult.show,
  body.sinavora-page-okutma-kamera > .scanner-stage.scanner-immersive #scanLiveResult.show{transform:translate(-50%,0) scale(1)!important}
  .scanner-stage.scanner-immersive #scanLiveResult.f44-result-arrive{animation:f44ResultIn .22s cubic-bezier(.2,.8,.2,1)}
  @keyframes f44ResultIn{0%{opacity:.1;transform:translate(-50%,-8px) scale(.965)}100%{opacity:1;transform:translate(-50%,0) scale(1)}}

  /* Perspektif düzeltilmiş görüntü motor içinde kullanılmaya devam eder; telefonda sonuç
     kartını gereksiz büyütmemesi için başarı kartında gizlenir. Düzenle ekranı ayrıntılıdır. */
  .scanner-stage.scanner-immersive #mobileVerifiedForm{display:none!important}
  .scanner-stage.scanner-immersive #scanLiveResult .scan-live-result-top{margin-bottom:8px!important}
  .scanner-stage.scanner-immersive #scanLiveResult .scan-live-result-top .live-status{font-size:8px!important;letter-spacing:.08em!important;color:#bbf7d0!important}
  .scanner-stage.scanner-immersive #scanLiveResult .confidence-badge{font-size:8px!important;padding:3px 6px!important;background:rgba(255,255,255,.09)!important}
  .scanner-stage.scanner-immersive #scanLiveResult dl{display:grid!important;grid-template-columns:1fr!important;gap:1px!important;margin:0!important}
  .scanner-stage.scanner-immersive #scanLiveResult dl div{display:grid!important;grid-template-columns:72px 1fr!important;align-items:center!important;gap:8px!important;padding:4px 2px!important;border:0!important;border-radius:0!important;background:transparent!important}
  .scanner-stage.scanner-immersive #scanLiveResult dl div:after{display:none!important}
  .scanner-stage.scanner-immersive #scanLiveResult dt{font-size:10px!important;line-height:1.25!important;letter-spacing:0!important;text-transform:none!important;color:#c4d1db!important;font-weight:700!important}
  .scanner-stage.scanner-immersive #scanLiveResult dt:after{content:' :';color:#8fa5b5!important}
  .scanner-stage.scanner-immersive #scanLiveResult dd{margin:0!important;font-size:12px!important;line-height:1.3!important;color:#fff!important;font-weight:800!important;text-align:left!important}
  .scanner-stage.scanner-immersive #scanLiveResult .score-row dd{font-size:13px!important}
  .scanner-stage.scanner-immersive #scanLiveResult .scan-live-result-summary{margin-top:6px!important;padding-top:6px!important;font-size:8.5px!important;line-height:1.35!important;color:#cbd5e1!important;border-top:1px solid rgba(255,255,255,.11)!important}

  /* Sil / Düzenle ana eylemler; Yeniden Oku / Geç ikincil ve daha sessiz. */
  .scanner-stage.scanner-immersive #scanLiveResult .scan-live-result-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:9px!important}
  .scanner-stage.scanner-immersive #scanLiveResult .scan-live-result-actions button{min-height:35px!important;padding:7px 8px!important;border-radius:999px!important;font-size:9px!important;font-weight:850!important;box-shadow:none!important}
  .scanner-stage.scanner-immersive #scanLiveDelete{order:1!important;background:rgba(239,91,98,.90)!important;color:#fff!important}
  .scanner-stage.scanner-immersive #scanLiveEdit{order:2!important;background:rgba(49,143,208,.92)!important;color:#fff!important}
  .scanner-stage.scanner-immersive #scanLiveReread{order:3!important;min-height:29px!important;background:rgba(255,255,255,.08)!important;color:#dbeafe!important;font-size:8px!important}
  .scanner-stage.scanner-immersive #scanLiveNext{order:4!important;min-height:29px!important;background:rgba(255,255,255,.08)!important;color:#d1fae5!important;font-size:8px!important}

  /* Sürekli tarama durum kapsülü: kullanıcı ikinci forma geçtiğinde eski öğrenci kartı
     kapanır ve burada 'Yeni form algılandı · okunuyor' mesajı görünür. */
  .scanner-stage.scanner-immersive .f44-mobile-scan-hint{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    position:absolute!important;z-index:19!important;left:50%!important;bottom:calc(var(--f44-safe-bottom) + 88px)!important;
    width:auto!important;max-width:calc(100vw - 34px)!important;min-height:32px!important;padding:7px 12px!important;
    transform:translateX(-50%)!important;border:1px solid rgba(125,211,252,.20)!important;border-radius:999px!important;
    background:rgba(4,33,51,.78)!important;color:#d9f2ff!important;box-shadow:0 10px 28px rgba(0,0,0,.22)!important;
    -webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;pointer-events:none!important;
  }
  .f44-mobile-scan-hint i{width:7px!important;height:7px!important;flex:0 0 auto!important;border-radius:50%!important;background:#38bdf8!important;box-shadow:0 0 0 4px rgba(56,189,248,.13)!important}
  .f44-mobile-scan-hint span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:9.5px!important;font-weight:800!important}
  .f44-mobile-scan-hint[data-state="checking"] i{background:#fbbf24!important;box-shadow:0 0 0 4px rgba(251,191,36,.13)!important}
  .f44-mobile-scan-hint[data-state="success"] i{background:#34d399!important;box-shadow:0 0 0 4px rgba(52,211,153,.13)!important}
  .f44-mobile-scan-hint[data-state="warning"] i{background:#fb7185!important;box-shadow:0 0 0 4px rgba(251,113,133,.13)!important}

  /* Alt dock daha az yer kaplasın; forma daha fazla görünür alan kalsın. */
  body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive .mobile-scan-dock,
  body.sinavora-page-okutma-kamera > .scanner-stage.scanner-immersive .mobile-scan-dock{
    left:12px!important;right:12px!important;bottom:var(--f44-safe-bottom)!important;min-height:68px!important;height:68px!important;
    padding:5px 7px!important;border-radius:22px!important;background:rgba(4,13,26,.80)!important;border:1px solid rgba(255,255,255,.13)!important;
    box-shadow:0 12px 34px rgba(0,0,0,.28)!important;
  }
  .scanner-stage.scanner-immersive .mobile-scan-dock>button{height:52px!important;font-size:17px!important}
  .scanner-stage.scanner-immersive .mobile-scan-dock>button small{font-size:7px!important}
  .scanner-stage.scanner-immersive .mobile-scan-dock .mobile-scan-shutter{width:58px!important;height:58px!important}
  .scanner-stage.scanner-immersive .mobile-scan-shutter i{width:46px!important;height:46px!important}

  /* Eski yardımcı katmanlar yeni sade üst/alt bilgi ile çakışmasın. */
  body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive > .scanner-status,
  body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive > .scanner-assist,
  body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive > .scanner-quality-strip{opacity:0!important;pointer-events:none!important}

  @media (max-height:650px){
    body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive #scanLiveResult{top:112px!important;max-height:330px!important}
    .scanner-stage.scanner-immersive .f44-mobile-scan-hint{bottom:calc(var(--f44-safe-bottom) + 76px)!important}
    body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive .mobile-scan-dock{height:60px!important;min-height:60px!important}
  }
}

@media (prefers-reduced-motion: reduce){
  .scanner-stage.scanner-immersive #scanLiveResult.f44-result-arrive{animation:none!important}
}

/* ================================================================
   SINAVORA f45 · Mobil seri okuma / menü / doğrulanmış form düzeltmeleri
   ================================================================ */
@media (max-width:991.98px){
  /* Sidebar body'ye portal edildiğinde backdrop'ın mutlaka üstünde görünür. */
  body.sinavora-pro-ready.sinavora-mobile-menu-open > .app-sidebar,
  body.sinavora-pro-ready.sinavora-mobile-menu-open .app-sidebar{
    transform:translate3d(0,0,0)!important;
    visibility:visible!important;opacity:1!important;pointer-events:auto!important;
    z-index:2147483001!important;
  }
  body.sinavora-pro-ready > .sinavora-mobile-drawer-backdrop,
  body.sinavora-pro-ready .sinavora-mobile-drawer-backdrop{
    z-index:2147483000!important;
  }
  body.sinavora-pro-ready.sinavora-mobile-menu-open > .sinavora-mobile-drawer-backdrop,
  body.sinavora-pro-ready.sinavora-mobile-menu-open .sinavora-mobile-drawer-backdrop{
    opacity:1!important;pointer-events:auto!important;
  }

  /* f44'te gizlenen doğrulanmış form artık öğretmenin kodlama kontrolü için görünür. */
  body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive #mobileVerifiedForm[hidden]{display:none!important}
  body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive #mobileVerifiedForm:not([hidden]){
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:5px!important;
    margin:0 0 8px!important;padding:6px!important;border-radius:11px!important;
    background:rgba(248,250,252,.98)!important;border:1px solid rgba(186,230,253,.38)!important;
    overflow:hidden!important
  }
  body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive #mobileVerifiedFormCanvas{
    display:block!important;width:100%!important;height:auto!important;max-height:128px!important;
    object-fit:contain!important;background:#fff!important;border-radius:7px!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:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"title action" "status action"!important;
    align-items:center!important;column-gap:8px!important;padding:2px 2px 0!important;color:#17324d!important
  }
  #mobileVerifiedForm .verified-info strong{grid-area:title!important;font-size:9.5px!important;line-height:1.15!important;color:#0f5f8b!important;letter-spacing:.04em!important}
  #mobileVerifiedForm .verified-info span{grid-area:status!important;font-size:7.5px!important;line-height:1.25!important;color:#64748b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  #mobileVerifiedForm .f45-preview-toggle{grid-area:action!important;align-self:stretch!important;min-height:30px!important;padding:4px 8px!important;border:0!important;border-radius:8px!important;background:#e0f2fe!important;color:#075985!important;font-size:8px!important;font-weight:900!important;white-space:nowrap!important}

  /* Sonuç kartı önizleme eklenmesine rağmen kamerayı gereğinden fazla kapatmaz. */
  body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive #scanLiveResult,
  body.sinavora-page-okutma-kamera > .scanner-stage.scanner-immersive #scanLiveResult{
    top:clamp(96px,17dvh,156px)!important;width:min(342px,calc(100vw - 22px))!important;
    max-height:min(505px,66dvh)!important;padding:10px 11px!important
  }
  .scanner-stage.scanner-immersive #scanLiveResult.f45-result-arrive{animation:f45ResultIn .18s cubic-bezier(.2,.8,.2,1)}
  @keyframes f45ResultIn{0%{opacity:.12;transform:translate(-50%,-5px) scale(.98)}100%{opacity:1;transform:translate(-50%,0) scale(1)}}

  /* Formu büyüt: öğretmen işaretleri tek dokunuşla ayrıntılı kontrol eder. */
  body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive #scanLiveResult.f45-preview-expanded{
    top:max(68px,calc(env(safe-area-inset-top,0px) + 62px))!important;max-height:calc(100dvh - 154px)!important;
    width:min(390px,calc(100vw - 12px))!important;background:rgba(18,40,54,.96)!important
  }
  body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive #scanLiveResult.f45-preview-expanded #mobileVerifiedFormCanvas{
    max-height:43dvh!important;cursor:zoom-out!important
  }
  body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive #scanLiveResult.f45-preview-expanded #mobileVerifiedForm .verified-info span{
    white-space:normal!important
  }

  /* f45 seri okuma durumu, alt dock ile çakışmadan görünür. */
  .scanner-stage.scanner-immersive .f45-mobile-scan-hint{
    bottom:calc(var(--f44-safe-bottom) + 82px)!important;z-index:21!important
  }
}

@media (max-width:430px){
  body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive #mobileVerifiedFormCanvas{max-height:114px!important}
  body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive #scanLiveResult{max-height:min(470px,68dvh)!important}
}

@media (max-height:650px) and (max-width:991.98px){
  body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive #scanLiveResult{top:82px!important;max-height:calc(100dvh - 160px)!important}
  body.sinavora-page-okutma-kamera .scanner-stage.scanner-immersive #mobileVerifiedFormCanvas{max-height:96px!important}
}

@media (prefers-reduced-motion: reduce){
  .scanner-stage.scanner-immersive #scanLiveResult.f45-result-arrive{animation:none!important}
}