@media (max-width:860px){
  #appView .topbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    flex-wrap:nowrap!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  #appView .topbar-left{
    min-width:0!important;
    overflow:hidden!important;
  }
  #appView #pageTitle.page-title{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  #appView .top-actions{
    justify-self:end!important;
    margin-left:auto!important;
    max-width:none!important;
    overflow:visible!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
  }
  #appView .top-actions > *{
    flex:0 0 auto!important;
  }
  #appView .top-actions button,
  #appView .top-actions .agenda-notification-button{
    min-width:34px!important;
    width:34px!important;
    height:34px!important;
    padding:0!important;
  }
  #appView .top-actions .pill,
  #appView .top-actions .small,
  #appView .top-actions button > span:not(.agenda-notification-badge):not(#themeToggleIcon){
    display:none!important;
  }
  #sreMobileAiAttendingBar{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:34px!important;
    margin:0 0 7px!important;
    padding:6px 9px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(34,197,94,.35)!important;
    border-radius:10px!important;
    background:rgba(34,197,94,.08)!important;
    color:#56d982!important;
    font-size:.68rem!important;
    font-weight:850!important;
    line-height:1.2!important;
    text-align:center!important;
  }
  #sreMobileAiAttendingBar[hidden]{display:none!important}
  #moduleNav .nav-btn[title="Central de Atendimento"]{display:none!important}
}