/* V88 - Mobile chat professional gap fix
   Removes the empty area between composer and bottom navigation, and makes the chat input bar WhatsApp-like. */
@media (max-width: 780px){
  html, body{
    height:100%;
    min-height:100%;
    overflow:hidden!important;
    background:#edf6fb!important;
  }
  .app.mobile-chat-open{
    height:100dvh!important;
    min-height:100dvh!important;
    overflow:hidden!important;
    display:block!important;
    background:#edf6fb!important;
  }
  .app.mobile-chat-open .rail,
  .app.mobile-chat-open .sidebar{
    display:none!important;
  }
  .app.mobile-chat-open .content.chat-view{
    position:fixed!important;
    inset:0!important;
    height:100dvh!important;
    min-height:100dvh!important;
    width:100vw!important;
    display:grid!important;
    grid-template-rows:auto 1fr auto!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    background:#edf6fb!important;
  }
  .mobile-chat-open .chat-head{
    grid-row:1!important;
    position:relative!important;
    top:auto!important;
    z-index:20!important;
    min-height:58px!important;
    max-height:76px!important;
    height:auto!important;
    margin:0!important;
    padding:7px 10px!important;
    border-radius:0 0 18px 18px!important;
    grid-template-columns:38px 38px minmax(0,1fr) auto!important;
    gap:6px!important;
    box-shadow:0 8px 18px rgba(7,59,90,.18)!important;
  }
  .mobile-chat-open .premium-back-btn,
  .mobile-chat-open .mobile-chat-back-v49{
    width:36px!important;height:36px!important;min-width:36px!important;border-radius:14px!important;
  }
  .mobile-chat-open .premium-back-btn:before{font-size:26px!important;}
  .mobile-chat-open .chat-head-icon{width:36px!important;height:36px!important;min-width:36px!important;border-radius:14px!important;}
  .mobile-chat-open .chat-head-icon svg{width:19px!important;height:19px!important;}
  .mobile-chat-open .chat-title h1{font-size:13.5px!important;line-height:1.15!important;letter-spacing:0!important;}
  .mobile-chat-open .chat-title p{font-size:9.5px!important;line-height:1.1!important;margin-top:2px!important;opacity:.82!important;}
  .mobile-chat-open .chat-status,
  .mobile-chat-open .mini-badge.open,
  .mobile-chat-open .verify-dot{
    font-size:8.5px!important;padding:3px 6px!important;max-width:82px!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .mobile-chat-open .messages{
    grid-row:2!important;
    position:relative!important;
    flex:none!important;
    height:auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding:10px 9px 10px!important;
    margin:0!important;
    background:linear-gradient(180deg,#eaf8f5 0%,#eef7fb 58%,#edf6fb 100%)!important;
    scroll-padding-bottom:12px!important;
  }
  .mobile-chat-open .composer-pro{
    grid-row:3!important;
    position:relative!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    z-index:30!important;
    width:100%!important;
    min-height:58px!important;
    max-height:148px!important;
    margin:0!important;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;
    border-radius:18px 18px 0 0!important;
    background:rgba(255,255,255,.985)!important;
    border-top:1px solid #d7e9f1!important;
    box-shadow:0 -8px 22px rgba(7,59,90,.12)!important;
  }
  .mobile-chat-open .mobile-bottom-nav{
    position:fixed!important;
    left:0!important;right:0!important;bottom:0!important;
    z-index:40!important;
    height:0!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    overflow:visible!important;
    pointer-events:none!important;
    opacity:0!important;
  }
  .mobile-chat-open .message-bar-v61{
    display:grid!important;
    grid-template-columns:38px 1fr 38px 42px!important;
    gap:6px!important;
    align-items:end!important;
    width:100%!important;
    direction:rtl!important;
  }
  .mobile-chat-open .attach-plus-v83,
  .mobile-chat-open .mic-btn-v61,
  .mobile-chat-open .send-btn-v61,
  .mobile-chat-open .icon-btn-v61{
    width:38px!important;height:38px!important;min-width:38px!important;border-radius:16px!important;
    display:grid!important;place-items:center!important;margin:0!important;padding:0!important;
  }
  .mobile-chat-open .send-btn-v61{width:42px!important;min-width:42px!important;border-radius:16px!important;background:linear-gradient(135deg,#007b75,#005d74)!important;box-shadow:0 8px 18px rgba(0,105,112,.24)!important;}
  .mobile-chat-open .attach-plus-v83{background:#fff!important;border:1px solid #cfe4ed!important;color:#07516b!important;box-shadow:0 4px 12px rgba(7,59,90,.08)!important;}
  .mobile-chat-open .mic-btn-v61{background:#eef7fb!important;border:1px solid #d7e9f1!important;color:#506a78!important;}
  .mobile-chat-open .input-wrapper-v61{
    min-height:38px!important;
    border-radius:18px!important;
    background:#fff!important;
    border:1px solid #cfe4ed!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 4px 12px rgba(7,59,90,.06)!important;
    overflow:hidden!important;
  }
  .mobile-chat-open .input-wrapper-v61 textarea,
  .mobile-chat-open textarea[name="body"]{
    min-height:38px!important;
    max-height:88px!important;
    height:38px!important;
    padding:9px 12px!important;
    font-size:13px!important;
    line-height:1.45!important;
    border:0!important;
    background:transparent!important;
    resize:none!important;
  }
  .mobile-chat-open .input-wrapper-v61 textarea::placeholder{color:#8aa1ad!important;font-size:12.5px!important;}
  .mobile-chat-open .composer-meta-v61,
  .mobile-chat-open .composer-hint,
  .mobile-chat-open .selected-files-v61:empty{display:none!important;}
  .mobile-chat-open .voice-panel-v82{
    margin:0 0 7px!important;
    padding:8px!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,#f7fdff,#edf8f6)!important;
    border:1px solid #d3e9ef!important;
    box-shadow:0 8px 20px rgba(7,59,90,.10)!important;
  }
  .mobile-chat-open .voice-main-v82{grid-template-columns:36px 1fr 58px 32px!important;gap:6px!important;align-items:center!important;}
  .mobile-chat-open .voice-wave-v82{height:28px!important;border-radius:14px!important;background:#fff!important;overflow:hidden!important;}
  .mobile-chat-open #voiceTimerV82{font-size:11px!important;font-weight:900!important;color:#07516b!important;background:#fff!important;border-radius:13px!important;padding:6px 8px!important;}
  .mobile-chat-open .msg-bubble{max-width:84%!important;padding:8px 10px!important;border-radius:17px!important;box-shadow:0 4px 13px rgba(7,59,90,.08)!important;overflow:hidden!important;}
  .mobile-chat-open .audio-attachment,.mobile-chat-open .audio-attachment-v41{min-width:210px!important;max-width:100%!important;border-radius:15px!important;padding:8px!important;overflow:hidden!important;background:#f6fbfd!important;}
  .mobile-chat-open .audio-attachment audio,.mobile-chat-open .audio-attachment-v41 audio{width:100%!important;max-width:100%!important;height:32px!important;display:block!important;}
}
@media (min-width:781px){
  .mobile-chat-open .composer-pro{position:sticky!important;bottom:0!important;}
  .voice-panel-v82{border-radius:18px!important;box-shadow:0 8px 22px rgba(7,59,90,.08)!important;}
}