/* V35.22 — MOBILE PLUS / KEYBOARD STABILITY — TARGETED ONLY
 * Only the + -> attachment -> keyboard state is covered here.
 */
@media (max-width:767px){
  #chatMainContainer.mobile-active .chat-input-zone.v3513-attachment-open,
  body.mobile-chat-focus .chat-input-zone.v3513-attachment-open{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    top:auto !important;
    width:100% !important;
    z-index:2150 !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  #chatMainContainer.mobile-active .chat-input-zone.v3513-attachment-open > .zalo-input-area,
  body.mobile-chat-focus .chat-input-zone.v3513-attachment-open > .zalo-input-area{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    z-index:2152 !important;
  }

  #chatMainContainer.mobile-active .chat-input-zone.v3513-attachment-open > #mobileAttachmentPanel.show,
  body.mobile-chat-focus .chat-input-zone.v3513-attachment-open > #mobileAttachmentPanel.show{
    display:grid !important;
    visibility:visible !important;
    opacity:1 !important;
    position:static !important;
    order:2 !important;
    z-index:2151 !important;
  }

  #chatMainContainer.mobile-active .chat-input-zone.v3518-keyboard-surface,
  body.mobile-chat-focus .chat-input-zone.v3518-keyboard-surface{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    top:auto !important;
    width:100% !important;
    z-index:2150 !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  #chatMainContainer.mobile-active .chat-input-zone.v3518-keyboard-surface > .zalo-input-area,
  body.mobile-chat-focus .chat-input-zone.v3518-keyboard-surface > .zalo-input-area{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    z-index:2152 !important;
  }

  #chatMainContainer.mobile-active .chat-input-zone.v3518-keyboard-surface #messageInput,
  body.mobile-chat-focus .chat-input-zone.v3518-keyboard-surface #messageInput{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }
}

/* V35.22 targeted stability replacement: top-edge positioning for native
   keyboard mode. This avoids a second keyboard-height offset. */
@media (max-width:767px){
  #chatMainContainer.mobile-active .chat-input-zone.v3522-keyboard-active,
  body.mobile-chat-focus .chat-input-zone.v3522-keyboard-active{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    top:var(--v3522-keyboard-top,auto) !important;
    bottom:auto !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    align-items:stretch !important;
    overflow:visible !important;
    visibility:visible !important;
    opacity:1 !important;
    z-index:2160 !important;
    box-sizing:border-box !important;
    background:var(--bg-main,#111b21) !important;
  }

  #chatMainContainer.mobile-active .chat-input-zone.v3522-keyboard-active > .zalo-input-area,
  body.mobile-chat-focus .chat-input-zone.v3522-keyboard-active > .zalo-input-area{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    order:1 !important;
    flex:0 0 auto !important;
    width:100% !important;
    min-height:54px !important;
    z-index:2161 !important;
  }

  #chatMainContainer.mobile-active .chat-input-zone.v3522-keyboard-active #messageInput,
  body.mobile-chat-focus .chat-input-zone.v3522-keyboard-active #messageInput{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }
}