/* IYES CHAT v3.5.1-r5
   Hotfix cirúrgico: somente Comprovantes no mobile + hover/active visual.
   Depende da r4 já instalada. NÃO altera chat, perfil, tema, realtime ou backend. */

/* O item Comprovantes não deve parecer "selecionado" ao hover/foco/active. */
.sidebar nav .iyes-r4-receipts:hover,
.sidebar nav .iyes-r4-receipts:focus,
.sidebar nav .iyes-r4-receipts:focus-visible,
.sidebar nav .iyes-r4-receipts.active{
  background:transparent!important;
  box-shadow:none!important;
  outline:none!important;
}
body.theme-light .sidebar nav .iyes-r4-receipts:hover,
body.theme-light .sidebar nav .iyes-r4-receipts:focus,
body.theme-light .sidebar nav .iyes-r4-receipts:focus-visible,
body.theme-light .sidebar nav .iyes-r4-receipts.active{
  background:transparent!important;
  color:#41546f!important;
}
body.theme-light .sidebar nav .iyes-r4-receipts:hover > i,
body.theme-light .sidebar nav .iyes-r4-receipts:focus > i,
body.theme-light .sidebar nav .iyes-r4-receipts.active > i{
  color:#4778b6!important;
}

/* DESKTOP: recolhido = somente o ícone. */
@media(min-width:821px){
  .shell.sidebar-collapsed .sidebar nav .iyes-r4-receipts > span{
    display:none!important;
  }
  .shell.sidebar-collapsed .sidebar nav .iyes-r4-receipts{
    justify-content:center!important;
    gap:0!important;
  }
  .shell.sidebar-collapsed .sidebar nav .iyes-r4-receipts > i{
    display:inline-block!important;
    width:auto!important;
  }
}

/* MOBILE: a classe sidebar-collapsed pode continuar no shell, mas NÃO pode esconder o rótulo. */
@media(max-width:820px){
  .shell.sidebar-collapsed .sidebar nav .iyes-r4-receipts,
  .sidebar nav .iyes-r4-receipts{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    width:100%!important;
    min-height:48px!important;
    padding:11px 13px!important;
    text-align:left!important;
    background:transparent!important;
  }
  .shell.sidebar-collapsed .sidebar nav .iyes-r4-receipts > span,
  .sidebar nav .iyes-r4-receipts > span{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    overflow:visible!important;
    white-space:nowrap!important;
    font-size:15px!important;
    line-height:1.25!important;
  }
  .shell.sidebar-collapsed .sidebar nav .iyes-r4-receipts > i,
  .sidebar nav .iyes-r4-receipts > i{
    display:inline-block!important;
    flex:0 0 26px!important;
    width:26px!important;
    text-align:center!important;
    font-size:18px!important;
  }
}