/* Academia Naval V124.8 - compositor compacto del Chat de Seccion.
   Alcance estricto: solo .detail-chat. */

/* El viewport visual real evita que la fila termine debajo de la barra de Android. */
#socialPanel .social-section-view.detail-chat.social-chat-view{
  height:var(--academia-visual-height,100dvh)!important;
  min-height:var(--academia-visual-height,100dvh)!important;
  max-height:var(--academia-visual-height,100dvh)!important;
}
#socialPanel .social-section-view.detail-chat .social-section-composer{
  box-sizing:border-box;
  padding:0!important;
  padding-bottom:max(10px,env(safe-area-inset-bottom))!important;
}
#socialPanel .social-section-view.detail-chat .social-section-composer-row{
  box-sizing:border-box;
  width:100%;
  align-items:end;
  gap:6px!important;
  padding:8px 10px 0!important;
  grid-template-columns:40px 40px 46px minmax(0,1fr) 46px!important;
}
#socialPanel .social-section-view.detail-chat :is(.social-attach-btn,.social-voice-btn){
  box-sizing:border-box;
  width:40px!important;min-width:40px!important;
  height:46px!important;min-height:46px!important;
  padding:0!important;
}
#socialPanel .social-section-view.detail-chat .social-announcement-compose{
  box-sizing:border-box;
  width:46px!important;min-width:46px!important;
  height:46px!important;min-height:46px!important;
  padding:0 4px!important;
  font-size:7px!important;
}
#socialPanel .social-section-view.detail-chat .social-send{
  box-sizing:border-box;
  width:46px!important;min-width:46px!important;
  height:46px!important;min-height:46px!important;
  padding:0!important;
}
#socialPanel .social-section-view.detail-chat .social-section-composer-row textarea{
  box-sizing:border-box;
  width:100%;min-width:0!important;
  min-height:46px!important;max-height:92px!important;
  margin:0!important;padding:12px!important;
  border-radius:14px!important;
  overflow-y:auto;
}
@media(max-width:390px){
  #socialPanel .social-section-view.detail-chat .social-section-composer-row{
    grid-template-columns:36px 36px 40px minmax(0,1fr) 44px!important;
    gap:5px!important;padding-left:8px!important;padding-right:8px!important;
  }
  #socialPanel .social-section-view.detail-chat :is(.social-attach-btn,.social-voice-btn){width:36px!important;min-width:36px!important}
  #socialPanel .social-section-view.detail-chat .social-announcement-compose{width:40px!important;min-width:40px!important;font-size:0!important}
  #socialPanel .social-section-view.detail-chat .social-announcement-compose::before{content:"!";display:grid;place-items:center;font-size:15px;font-weight:950;line-height:1}
  #socialPanel .social-section-view.detail-chat .social-send{width:44px!important;min-width:44px!important}
}