/* MobilizaPRO — UX Base 1C — Sidebar compacta com expansão por hover — 2026-09-09
   Desktop >= 1024px: recolhida em repouso em todas as telas; expande ao hover/foco.
   Mobile preserva o comportamento original. */

:root{
  --mpro-sidebar-compact-width: 76px;
}

@media (min-width:1024px){
  #sidebar{
    transition:width .18s ease,flex-basis .18s ease,min-width .18s ease,max-width .18s ease,box-shadow .18s ease !important;
    will-change:width;
  }

  #sidebar.mpro-sidebar-compact{
    width:var(--mpro-sidebar-compact-width) !important;
    flex:0 0 var(--mpro-sidebar-compact-width) !important;
    min-width:var(--mpro-sidebar-compact-width) !important;
    max-width:var(--mpro-sidebar-compact-width) !important;
  }

  /* Marca: no repouso permanece apenas o símbolo do MobilizaPRO. */
  #sidebar.mpro-sidebar-compact > div:first-child{
    padding:14px 8px !important;
  }
  #sidebar.mpro-sidebar-compact > div:first-child > .flex{
    justify-content:center;
    gap:0 !important;
  }
  #sidebar.mpro-sidebar-compact > div:first-child > .flex > div{
    display:none !important;
  }
  #sidebar.mpro-sidebar-compact > div:first-child img{
    width:40px !important;
    height:40px !important;
    flex:0 0 40px;
  }

  /* Navegação em trilho: ícones visíveis; o nome aparece assim que o menu expande. */
  #sidebar.mpro-sidebar-compact nav{
    padding-left:8px !important;
    padding-right:8px !important;
  }
  #sidebar.mpro-sidebar-compact nav > div:not(.group),
  #sidebar.mpro-sidebar-compact nav .group > div:first-child{
    display:none !important;
  }
  #sidebar.mpro-sidebar-compact .nav-item{
    min-height:44px;
    padding:10px 0 !important;
    justify-content:center !important;
    gap:0 !important;
    font-size:0 !important;
    overflow:visible;
  }
  #sidebar.mpro-sidebar-compact .nav-item > .material-symbols-outlined:first-child{
    margin:0 !important;
    font-size:24px !important;
    line-height:1 !important;
  }
  #sidebar.mpro-sidebar-compact .nav-item::before{
    left:-8px;
  }

  /* Alertas continuam perceptíveis sem ocupar largura. */
  #sidebar.mpro-sidebar-compact #vacancies-nav-badge,
  #sidebar.mpro-sidebar-compact #alojamento-alert-count{
    display:none !important;
  }
  #sidebar.mpro-sidebar-compact #mob-alert-icon,
  #sidebar.mpro-sidebar-compact #alojamento-alert-icon{
    position:absolute;
    top:5px;
    right:5px;
    margin:0 !important;
    font-size:12px !important;
  }

  /* Rodapé compacto. */
  #sidebar.mpro-sidebar-compact > nav + div{
    padding:12px 0 !important;
    font-size:0 !important;
  }
  #sidebar.mpro-sidebar-compact > nav + div > div{
    justify-content:center;
    gap:0 !important;
    margin-bottom:0 !important;
  }
  #sidebar.mpro-sidebar-compact > nav + div > div .font-medium,
  #sidebar.mpro-sidebar-compact > nav + div > p{
    display:none !important;
  }

  #sidebar.mpro-sidebar-compact .sidebar-resize-handle,
  #sidebar.mpro-sidebar-compact .sidebar-resize-hint{
    display:none !important;
  }

  /* O botão manual do piloto UX1B deixa de fazer parte da experiência. */
  #mpro-sidebar-toggle-desktop{
    display:none !important;
  }
}