/* V35.23 — MOBILE COMPOSER SINGLE OWNER
 * Only composer surface/state. Menu and chat/message layout untouched.
 */
@media (max-width:767px){
  #chatMainContainer.mobile-active .chat-input-zone.v3523-keyboard,
  #chatMainContainer.mobile-active .chat-input-zone.v3523-attachment,
  #chatMainContainer.mobile-active .chat-input-zone.v3523-emoji,
  body.mobile-chat-focus .chat-input-zone.v3523-keyboard,
  body.mobile-chat-focus .chat-input-zone.v3523-attachment,
  body.mobile-chat-focus .chat-input-zone.v3523-emoji{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:var(--v3523-composer-top,auto) !important;
    bottom:auto !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !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:2165 !important;
    box-sizing:border-box !important;
  }

  #chatMainContainer.mobile-active .chat-input-zone.v3523-keyboard > .zalo-input-area,
  #chatMainContainer.mobile-active .chat-input-zone.v3523-attachment > .zalo-input-area,
  #chatMainContainer.mobile-active .chat-input-zone.v3523-emoji > .zalo-input-area,
  body.mobile-chat-focus .chat-input-zone.v3523-keyboard > .zalo-input-area,
  body.mobile-chat-focus .chat-input-zone.v3523-attachment > .zalo-input-area,
  body.mobile-chat-focus .chat-input-zone.v3523-emoji > .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:2166 !important;
    box-sizing:border-box !important;
  }

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

  /* Attachment layer stays below the composer row. Existing attachment item
     click handlers remain untouched. */
  #chatMainContainer.mobile-active .chat-input-zone.v3523-attachment > #mobileAttachmentPanel.show,
  body.mobile-chat-focus .chat-input-zone.v3523-attachment > #mobileAttachmentPanel.show{
    display:grid !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    order:2 !important;
    width:100% !important;
    z-index:2165 !important;
  }

  /* Emoji is a bounded independent surface below the composer row. */
  #chatMainContainer.mobile-active .chat-input-zone.v3523-emoji > #emojiPanel.v3518-emoji-open,
  body.mobile-chat-focus .chat-input-zone.v3523-emoji > #emojiPanel.v3518-emoji-open{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    order:2 !important;
    width:100% !important;
    height:min(35dvh,280px) !important;
    min-height:220px !important;
    max-height:min(35dvh,280px) !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    z-index:2164 !important;
    box-sizing:border-box !important;
  }

  /* Older composer surfaces must not reintroduce a second keyboard offset once
     the V35.23 owner is active. */
  .chat-input-zone.v3523-keyboard{
    --v3515-keyboard-offset:0px !important;
    --v3518-keyboard-offset:0px !important;
    --v3521-composer-top:initial !important;
    bottom:auto !important;
  }
}