#conversation-overlay[data-mb-v15010002-interaction="blocked"] .mb-v15010002-interaction-banner{margin:10px 0 8px;padding:11px 13px;border:1px solid #ffd2dc;border-radius:12px;background:#fff5f7;color:#8f2441;font-size:12px;font-weight:800;line-height:1.4;text-align:center}
#conversation-overlay[data-mb-v15010002-interaction="blocked"] .mb-v15010002-no-interaction-action{opacity:.45!important;filter:grayscale(.25);pointer-events:none!important;cursor:not-allowed!important}
#conversation-overlay[data-mb-v15010002-interaction="blocked"] #message-input{opacity:.72!important;cursor:not-allowed!important;background:#f5f6f8!important}
#conversation-overlay[data-mb-v15010002-interaction="blocked"] #message-send-button{opacity:.55!important;cursor:not-allowed!important}


/* V18.02.0012 — iOS/mobile conversation composer focus.
   Keep the approved conversation layout intact. While the message field/keyboard is
   active, hide only the main Ana Sayfa…Çıkış Yap navigation and reclaim that space. */
@media(max-width:900px){
  html body:has(#conversation-overlay) #conversation-overlay{
    box-sizing:border-box!important;
    height:var(--mb-v29-viewport-height,100dvh)!important;
    min-height:var(--mb-v29-viewport-height,100dvh)!important;
    max-height:var(--mb-v29-viewport-height,100dvh)!important;
    padding-bottom:0!important;
    overflow:hidden!important;
  }

  html body.mb-v29-has-topnav:has(#conversation-overlay) #conversation-overlay{
    padding-top:calc(var(--mb-v29-topnav-height,84px) + 4px)!important;
    scroll-padding-top:calc(var(--mb-v29-topnav-height,84px) + 4px)!important;
  }

  html body:has(#conversation-overlay) #conversation-overlay>.app-topbar{
    position:static!important;
    flex:0 0 auto!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  html body:has(#conversation-overlay) #conversation-overlay>.app-topbar .app-topbar-inner{
    min-height:44px!important;
    padding:5px 9px!important;
  }
  html body:has(#conversation-overlay) #conversation-overlay>.app-topbar .conversation-toolbar-actions{
    display:none!important;
  }

  html body:has(#conversation-overlay) #conversation-overlay .conversation-wrap{
    flex:1 1 0!important;
    min-height:0!important;
    height:auto!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:5px 7px max(6px,env(safe-area-inset-bottom,0px))!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }

  html body:has(#conversation-overlay) #conversation-overlay .conversation-wrap .mb-mobile-conversation-actions{
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:none!important;
    grid-auto-rows:40px!important;
    grid-auto-flow:row!important;
    gap:5px!important;
    width:100%!important;
    max-width:100%!important;
    max-height:none!important;
    height:auto!important;
    margin:0 0 5px!important;
    padding:0!important;
    overflow:visible!important;
    position:static!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  html body:has(#conversation-overlay) #conversation-overlay .conversation-wrap .mb-mobile-conversation-actions>.btn,
  html body:has(#conversation-overlay) #conversation-overlay .conversation-wrap .mb-mobile-conversation-actions>[role="button"]{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:3px 2px!important;
    border-radius:10px!important;
    font-size:clamp(8.5px,2.35vw,10.5px)!important;
    line-height:1.05!important;
    text-align:center!important;
    white-space:normal!important;
    overflow:hidden!important;
    overflow-wrap:anywhere!important;
  }
  html body:has(#conversation-overlay) #conversation-overlay .conversation-wrap .mb-mobile-conversation-actions .mb-mobile-video-permission{
    grid-column:auto!important;
  }

  html body:has(#conversation-overlay) #conversation-overlay #message-thread{
    flex:1 1 0!important;
    min-height:0!important;
    height:auto!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    padding:5px 3px 8px!important;
  }

  html body:has(#conversation-overlay) #conversation-overlay .conversation-wrap .message-composer{
    flex:0 0 auto!important;
    position:relative!important;
    inset:auto!important;
    bottom:auto!important;
    transform:none!important;
    transition:none!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:7px 6px max(7px,env(safe-area-inset-bottom,0px))!important;
    z-index:20!important;
  }

  html body.mb-v29-keyboard-open:has(#conversation-overlay) #mb-v29-global-topnav,
  html body:has(#conversation-overlay #message-input:focus) #mb-v29-global-topnav{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  html body.mb-v29-keyboard-open:has(#conversation-overlay) #conversation-overlay,
  html body:has(#conversation-overlay #message-input:focus) #conversation-overlay{
    padding-top:0!important;
    scroll-padding-top:0!important;
  }

  html body.mb-v29-keyboard-open:has(#conversation-overlay) #conversation-overlay .conversation-wrap,
  html body:has(#conversation-overlay #message-input:focus) #conversation-overlay .conversation-wrap{
    padding-top:3px!important;
  }
}


/* V18.02.0011 hotfix 3 — hide the actual legacy 3x3 nav while typing.
   Both navigation implementations are supported. The existing visualViewport
   listener owns the measurements; no new observer, timer or call handler is added.
   Keep the composer in the flex layout so multiline input cannot cover messages.
   All changes below require the conversation input to be focused (or its existing
   keyboard state) and disappear automatically on blur / overlay removal. */
@media(max-width:900px){
  html body:is(.mb-v16050006-message-keyboard,:has(#conversation-overlay #message-input:focus)):has(#conversation-overlay) #mb-v29-global-topnav,
  html body:is(.mb-v16050006-message-keyboard,:has(#conversation-overlay #message-input:focus)):has(#conversation-overlay) #conversation-overlay>.mb907-globalnav,
  html body:is(.mb-v16050006-message-keyboard,:has(#conversation-overlay #message-input:focus)):has(#conversation-overlay) #conversation-overlay>.app-topbar{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    flex:0 0 0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }

  html body:is(.mb-v16050006-message-keyboard,:has(#conversation-overlay #message-input:focus)):has(#conversation-overlay) #conversation-overlay{
    position:fixed!important;
    display:flex!important;
    flex-direction:column!important;
    left:0!important;
    right:0!important;
    top:var(--mb-message-vv-top,0px)!important;
    bottom:auto!important;
    width:100%!important;
    max-width:100%!important;
    height:var(--mb-message-vv-height,var(--mb-v29-viewport-height,100dvh))!important;
    min-height:0!important;
    max-height:var(--mb-message-vv-height,var(--mb-v29-viewport-height,100dvh))!important;
    padding:0!important;
    scroll-padding:0!important;
    margin:0!important;
    border:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    background:#fff!important;
    transform:none!important;
  }

  html body:is(.mb-v16050006-message-keyboard,:has(#conversation-overlay #message-input:focus)):has(#conversation-overlay) #conversation-overlay .conversation-wrap{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 0!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:100%!important;
    margin:0!important;
    padding:3px 7px 0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    background:#fff!important;
  }

  html body:is(.mb-v16050006-message-keyboard,:has(#conversation-overlay #message-input:focus)):has(#conversation-overlay) #conversation-overlay #message-thread{
    flex:1 1 0!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:5px 3px 8px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    box-sizing:border-box!important;
  }

  html body:is(.mb-v16050006-message-keyboard,:has(#conversation-overlay #message-input:focus)):has(#conversation-overlay) #conversation-overlay .message-composer{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(64px,82px)!important;
    align-items:end!important;
    gap:6px!important;
    flex:0 0 auto!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:7px 6px!important;
    box-sizing:border-box!important;
    z-index:20!important;
    background:#fff!important;
    border:1px solid #eadde3!important;
    border-radius:14px!important;
    box-shadow:0 -3px 14px rgba(31,35,48,.07)!important;
    transform:none!important;
  }

  html body:is(.mb-v16050006-message-keyboard,:has(#conversation-overlay #message-input:focus)):has(#conversation-overlay) #conversation-overlay #message-input{
    display:block!important;
    visibility:visible!important;
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    max-height:100px!important;
    box-sizing:border-box!important;
    overflow-y:auto!important;
    font-size:16px!important;
  }

  html body:is(.mb-v16050006-message-keyboard,:has(#conversation-overlay #message-input:focus)):has(#conversation-overlay) #conversation-overlay #message-send-button{
    display:flex!important;
    visibility:visible!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:44px!important;
    height:44px!important;
  }
}