/* RW_GROUP_MOBILE_UNIFIED_V10 */
@media(max-width:760px){

  body:not(.tgEmbedded){
    --rwGroupNavSpaceV10: 88px;
    --rwGroupComposerHeightV10: 86px;
    --rwGroupChatBottomV10: 190px;
  }

  body:not(.tgEmbedded) .rw-global-tabbar-spacer,
  body:not(.tgEmbedded) .rw-global-tabbar-spacer.is-footer{
    display:none!important;
    height:0!important;
    min-height:0!important;
  }

  body:not(.tgEmbedded) .rw-global-tabbar-wrap,
  body:not(.tgEmbedded) .rw-global-tabbar-wrap.is-footer{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
    margin:0!important;
    padding:0!important;
    z-index:60!important;
    pointer-events:none!important;
  }

  body:not(.tgEmbedded) .rw-global-tabbar-wrap .rw-global-tabbar{
    pointer-events:auto!important;
  }

  body:not(.tgEmbedded) .tgMain{
    height:100dvh!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  body:not(.tgEmbedded) .tgMessages{
    padding-bottom:var(--rwGroupChatBottomV10, 190px)!important;
    scroll-padding-bottom:var(--rwGroupChatBottomV10, 190px)!important;
  }

  body:not(.tgEmbedded) .tgComposerWrap{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:var(--rwGroupNavSpaceV10, 88px)!important;
    z-index:55!important;
    margin:0!important;
    padding:5px 8px 6px!important;
    background:linear-gradient(180deg,rgba(8,16,28,.74),rgba(8,16,28,.98))!important;
    border-top:1px solid rgba(255,255,255,.09)!important;
    box-shadow:0 -14px 36px rgba(0,0,0,.30)!important;
    backdrop-filter:blur(18px)!important;
  }

  body:not(.tgEmbedded) .tgComposer{
    margin:0 auto!important;
    gap:7px!important;
  }

  body:not(.tgEmbedded) .tgInputBox{
    min-height:40px!important;
  }

  body:not(.tgEmbedded) .tgAttach{
    width:40px!important;
    height:40px!important;
  }

  body:not(.tgEmbedded) .tgSend{
    width:42px!important;
    height:42px!important;
  }

  /*
    Selector dentro del área de botones.
    No arriba, no flotando separado.
  */
  body:not(.tgEmbedded) .tgOwnerMediaChoice.show{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:100%!important;
    min-height:0!important;
    margin:0 0 4px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body:not(.tgEmbedded) .tgOwnerMediaLabel{
    display:none!important;
  }

  body:not(.tgEmbedded) .rwOwnerRulesTinyLinkV1,
  body:not(.tgEmbedded) .tgCallSettingsMediaBtn,
  body:not(.tgEmbedded) .tgDmSettingsMediaBtn{
    display:none!important;
  }

  body:not(.tgEmbedded) .tgOwnerMediaRadios,
  body:not(.tgEmbedded) .tgOwnerMediaRadios.rwOnlyPostVisibilityV1{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    align-items:center!important;
    gap:5px!important;
    padding:4px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.065)!important;
    border:1px solid rgba(255,255,255,.09)!important;
    box-shadow:none!important;
  }

  body:not(.tgEmbedded) .tgOwnerMediaRadios::before,
  body:not(.tgEmbedded) .tgOwnerMediaRadios.rwOnlyPostVisibilityV1::before{
    content:"Si adjuntas foto/video: elige cómo se verá";
    min-width:0!important;
    padding:0 7px!important;
    color:rgba(218,241,250,.82)!important;
    font-size:9.5px!important;
    line-height:1.05!important;
    font-weight:850!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body:not(.tgEmbedded) .tgOwnerMediaRadios .tgMediaOption{
    width:auto!important;
    min-width:64px!important;
    max-width:76px!important;
    height:28px!important;
    min-height:28px!important;
    padding:0 8px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    background:transparent!important;
    border:1px solid transparent!important;
    box-shadow:none!important;
    margin:0!important;
  }

  body:not(.tgEmbedded) .tgOwnerMediaRadios .tgMediaOption:has(input:checked),
  body:not(.tgEmbedded) .tgOwnerMediaRadios .tgMediaOption.active,
  body:not(.tgEmbedded) .tgOwnerMediaRadios .tgMediaOption.is-active{
    background:linear-gradient(135deg,rgba(34,211,238,.95),rgba(84,211,138,.95))!important;
    color:#04111d!important;
    border-color:transparent!important;
  }

  body:not(.tgEmbedded) .tgOwnerMediaRadios .tgMediaOption b{
    display:block!important;
    font-size:11px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  body:not(.tgEmbedded) .tgOwnerMediaRadios .tgMediaOption small{
    display:none!important;
  }

  body:not(.tgEmbedded) .tgOwnerMediaRadios .tgMediaOption input{
    position:absolute!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  /*
    Cuando abre barra lateral, drawer o panel,
    el composer y nav no deben quedar flotando encima.
  */
  body.rwGroupSideOpenV10:not(.tgEmbedded) .tgComposerWrap,
  body.rwGroupSideOpenV10:not(.tgEmbedded) .rw-global-tabbar-wrap{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}

@media(max-width:390px){
  body:not(.tgEmbedded) .tgOwnerMediaRadios::before,
  body:not(.tgEmbedded) .tgOwnerMediaRadios.rwOnlyPostVisibilityV1::before{
    content:"Si adjuntas foto/video";
    font-size:9px!important;
    padding:0 5px!important;
  }

  body:not(.tgEmbedded) .tgOwnerMediaRadios .tgMediaOption{
    min-width:59px!important;
    max-width:65px!important;
    height:27px!important;
    min-height:27px!important;
    padding:0 6px!important;
  }

  body:not(.tgEmbedded) .tgOwnerMediaRadios .tgMediaOption b{
    font-size:10.5px!important;
  }
}