/* IYES CHAT v3.5.1-r4 - reconcile sidebar/mobile only
   NAO altera chat, composer, realtime ou layout geral. */

/* Comprovantes segue o mesmo contrato visual dos itens normais. */
.sidebar nav .iyes-r4-receipts{
  overflow:hidden!important;
  min-width:0!important;
}
.sidebar nav .iyes-r4-receipts > i{
  flex:0 0 auto!important;
  width:26px!important;
  text-align:center!important;
  font-style:normal!important;
}
.shell.sidebar-collapsed .sidebar nav .iyes-r4-receipts{
  justify-content:center!important;
  padding-left:7px!important;
  padding-right:7px!important;
  gap:0!important;
}
.shell.sidebar-collapsed .sidebar nav .iyes-r4-receipts > span{
  display:none!important;
}
.shell.sidebar-collapsed .sidebar nav .iyes-r4-receipts > i{
  display:inline-block!important;
  width:auto!important;
  font-size:18px!important;
}

/* Mobile: apenas o perfil/acoes deixa de ser fixed e entra no fim do nav. */
@media(max-width:820px){
  .shell.mobile-nav-open .sidebar nav > .profile.iyes-r4-mobile-profile{
    display:block!important;
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:calc(100% - 16px)!important;
    max-width:none!important;
    height:auto!important;
    margin:10px 8px max(18px,env(safe-area-inset-bottom,0px))!important;
    padding:12px!important;
    box-sizing:border-box!important;
    flex:0 0 auto!important;
    z-index:auto!important;
    border-radius:14px!important;
  }

  .shell.mobile-nav-open .sidebar nav{
    padding-bottom:max(18px,env(safe-area-inset-bottom,0px))!important;
  }

  .shell.mobile-nav-open .iyes-r4-mobile-profile .profile-copy{
    display:grid!important;
    gap:2px!important;
    min-width:0!important;
  }
  .shell.mobile-nav-open .iyes-r4-mobile-profile .profile-copy b,
  .shell.mobile-nav-open .iyes-r4-mobile-profile .profile-copy span,
  .shell.mobile-nav-open .iyes-r4-mobile-profile .profile-copy small{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .shell.mobile-nav-open .iyes-r4-mobile-profile .sidebar-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin-top:10px!important;
  }
  .shell.mobile-nav-open .iyes-r4-mobile-profile .sidebar-actions button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    min-width:0!important;
    width:100%!important;
    min-height:42px!important;
    padding:9px 10px!important;
    white-space:nowrap!important;
  }
  .iyes-r4-action-label{
    display:inline!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:13px!important;
  }

  body.theme-light .shell.mobile-nav-open .iyes-r4-mobile-profile{
    background:#fff!important;
    color:#172033!important;
    border-color:#cfdae9!important;
  }
  body:not(.theme-light) .shell.mobile-nav-open .iyes-r4-mobile-profile{
    background:#0e1d39!important;
    color:#e5edf8!important;
  }
}