/* RUYA_V2.4.24.3_HF_UI_SYNC_2_MOBILE_MESSAGES_DATA_SAFE */
/* Additive mobile-only stabilization. No push/data rules. */
@media (max-width:900px){
  .role-parent .messagingLayout{
    display:block!important;min-height:0!important;overflow:visible!important;
  }
  .role-parent .messagingLayout .conversationList{
    max-height:128px!important;overflow:auto!important;margin-bottom:10px!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .role-parent .messagingLayout .conversationItem{
    min-height:72px!important;padding:10px 12px!important;
  }
  .role-parent .messagingLayout .conversationThread{
    display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;
    min-height:0!important;max-height:none!important;height:auto!important;
    overflow:visible!important;padding:0!important;margin-bottom:8px!important;
  }
  .role-parent .messagingLayout .threadHeader{padding:11px 13px!important}
  .role-parent .messagingLayout .messageThread{
    min-height:180px!important;max-height:38vh!important;overflow-y:auto!important;
    padding:12px!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;
  }
  .role-parent .messagingLayout .replyComposer{
    position:sticky!important;bottom:calc(88px + env(safe-area-inset-bottom))!important;z-index:5900!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:8px!important;
    width:100%!important;box-sizing:border-box!important;margin:0!important;padding:10px!important;
    border:1px solid #dce5ef!important;border-radius:16px!important;background:rgba(255,255,255,.99)!important;
    box-shadow:0 8px 22px rgba(25,46,78,.12)!important;
  }
  .role-parent .messagingLayout .replyComposer textarea{
    width:100%!important;min-width:0!important;min-height:46px!important;max-height:96px!important;
    box-sizing:border-box!important;margin:0!important;padding:11px 12px!important;resize:none!important;
    font-size:16px!important;line-height:1.35!important;
  }
  .role-parent .messagingLayout .replyComposer button{
    width:auto!important;min-width:82px!important;min-height:46px!important;height:46px!important;
    margin:0!important;padding:0 14px!important;white-space:nowrap!important;
  }
  body.ruyaMobileComposerFocus #root nav.ruya-r793-bottom-nav,
  body.ruyaMobileComposerFocus #ruyaMobileBottomNav{
    display:none!important;visibility:hidden!important;pointer-events:none!important;
  }
  body.ruyaMobileComposerFocus .role-parent .messagingLayout .replyComposer{
    bottom:max(0px,env(safe-area-inset-bottom))!important;z-index:2147482000!important;
  }
  body.ruyaMobileComposerFocus .role-parent .messagingLayout .messageThread{
    max-height:30vh!important;
  }
  .role-parent .main,
  .role-parent .main button,
  .role-parent .main a,
  .role-parent .main .messagingLayout,
  .role-parent .main .replyComposer{touch-action:manipulation!important}
}

@media (max-width:540px){
  .role-parent .messagingLayout .replyComposer{grid-template-columns:minmax(0,1fr) 82px!important}
  .role-parent .messagingLayout .replyComposer button{min-width:82px!important;padding:0 9px!important;font-size:12px!important}
  .role-parent .messagingLayout .messageThread{min-height:160px!important;max-height:34vh!important}
}