/* MenkulEX v1.3.28 — Mobil Sohbet & Ses yazma/odak/sanal klavye stabilizasyonu.
 * Amaç: input üstüne binen katmanları, iOS auto-zoom ve visual viewport sapmasını
 * yalnız mobil/tablet Asistan yüzeyinde güvenli şekilde izole etmek.
 */
@media (max-width:820px){
  html{
    --mxa-mobile-viewport-height:100dvh;
  }

  /* Canonical /menkulex-asistan/ gerçek görünür viewport yüksekliğini kullanır. */
  body.xan-customer-ai-standalone-v251 .mxa-app-v1251{
    box-sizing:border-box!important;
    height:var(--mxa-mobile-viewport-height,100dvh)!important;
    min-height:0!important;
    max-height:var(--mxa-mobile-viewport-height,100dvh)!important;
    overflow:hidden!important;
  }
  body.xan-customer-ai-standalone-v251 .mxa-workspace-v1251{
    box-sizing:border-box!important;
    height:calc(var(--mxa-mobile-viewport-height,100dvh) - 60px - env(safe-area-inset-top,0px))!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  body.xan-customer-ai-standalone-v251 .mxa-center-v1251,
  body.xan-customer-ai-standalone-v251 .xan-customer-ai-v251,
  body.xan-customer-ai-standalone-v251 .xan-customer-ai-v251 .xcai-shell{
    min-height:0!important;
    height:100%!important;
    max-height:none!important;
    overflow:hidden!important;
  }

  /* Sohbet gövdesi klavye açıkken kendi içinde güvenli şekilde kayar. */
  body.xan-customer-ai-standalone-v251 .xan-customer-ai-v251 .xcai-body{
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    padding-bottom:max(12px,env(safe-area-inset-bottom,0px))!important;
  }
  body.xan-customer-ai-standalone-v251 .xcai-mode-panel-v175[data-xcai-mode-panel="chat"].is-active,
  body.xan-customer-ai-standalone-v251 .xcai-chat-v175{
    min-height:0!important;
    position:relative!important;
    isolation:isolate!important;
  }
  body.xan-customer-ai-standalone-v251 .xcai-chat-v175{
    overflow:visible!important;
  }

  /* Asıl mobil yazma alanı her zaman gerçek dokunma katmanının üstünde. */
  body.xan-customer-ai-standalone-v251 .xcai-chat-input-v175,
  .xan-customer-ai-v180.is-floating.is-open .xcai-chat-input-v175{
    box-sizing:border-box!important;
    position:sticky!important;
    bottom:0!important;
    z-index:80!important;
    isolation:isolate!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    background:#fff!important;
  }
  body.xan-customer-ai-standalone-v251 .xcai-chat-input-v175::before,
  body.xan-customer-ai-standalone-v251 .xcai-chat-input-v175::after,
  .xan-customer-ai-v180.is-floating.is-open .xcai-chat-input-v175::before,
  .xan-customer-ai-v180.is-floating.is-open .xcai-chat-input-v175::after{
    pointer-events:none!important;
  }
  body.xan-customer-ai-standalone-v251 .xcai-chat-input-v175 input[data-xcai-chat-input],
  .xan-customer-ai-v180.is-floating.is-open .xcai-chat-input-v175 input[data-xcai-chat-input]{
    box-sizing:border-box!important;
    position:relative!important;
    z-index:82!important;
    min-width:0!important;
    width:100%!important;
    min-height:48px!important;
    height:48px!important;
    padding:0 12px!important;
    border:1px solid #B9CAD3!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#0B2239!important;
    -webkit-text-fill-color:#0B2239!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-user-select:text!important;
    user-select:text!important;
    caret-color:#055970!important;
    /* iOS Safari 16px altındaki inputlarda otomatik zoom yapar. */
    font-size:16px!important;
    line-height:1.25!important;
    -webkit-appearance:none!important;
    appearance:none!important;
  }
  body.xan-customer-ai-standalone-v251 .xcai-chat-input-v175 input[data-xcai-chat-input]:focus,
  .xan-customer-ai-v180.is-floating.is-open .xcai-chat-input-v175 input[data-xcai-chat-input]:focus{
    outline:0!important;
    border-color:#055970!important;
    box-shadow:0 0 0 3px rgba(5,89,112,.12)!important;
  }
  body.xan-customer-ai-standalone-v251 .xcai-chat-input-v175 button,
  .xan-customer-ai-v180.is-floating.is-open .xcai-chat-input-v175 button{
    position:relative!important;
    z-index:83!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }

  /* Footer/connection satırı input'un dokunma düzlemini örtemez. */
  body.xan-customer-ai-standalone-v251 .mxa-chat-foot-v1251,
  body.xan-customer-ai-standalone-v251 .xcai-connection-v175,
  .xan-customer-ai-v180.is-floating.is-open .xcai-connection-v175{
    position:relative!important;
    z-index:10!important;
  }

  /* Floating panel de sanal klavye açıldığında görünür viewport'a sığar. */
  .xan-customer-ai-v180.is-floating.is-open .xcai-shell{
    box-sizing:border-box!important;
    height:calc(var(--mxa-mobile-viewport-height,100dvh) - 16px)!important;
    max-height:calc(var(--mxa-mobile-viewport-height,100dvh) - 16px)!important;
    min-height:0!important;
    bottom:8px!important;
    overflow:hidden!important;
  }
  .xan-customer-ai-v180.is-floating.is-open .xcai-body{
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
  }

  /* Odak modunda gereksiz alt bilgi yüksekliği klavyeye alan bırakır. */
  body.xan-customer-ai-standalone-v251.is-mxa-chat-input-focused-v1328 .mxa-chat-foot-v1251{
    display:none!important;
  }
}

@media (max-width:430px){
  body.xan-customer-ai-standalone-v251 .xcai-chat-input-v175,
  .xan-customer-ai-v180.is-floating.is-open .xcai-chat-input-v175{
    gap:7px!important;
    padding:9px!important;
  }
  body.xan-customer-ai-standalone-v251 .xcai-chat-input-v175 input[data-xcai-chat-input],
  .xan-customer-ai-v180.is-floating.is-open .xcai-chat-input-v175 input[data-xcai-chat-input]{
    min-height:46px!important;
    height:46px!important;
    font-size:16px!important;
  }
}