/* =========================================================
   MOOV - Sidebar Vendedor fixa/sticky e arredondada
   Apenas visual. Não altera APIs, login, dados ou regras.
========================================================= */

/* Sidebar roxa principal */
body.moov-seller-sidebar-pro-on .moov-seller-sidebar-host {
  position: sticky !important;
  top: 14px !important;
  align-self: flex-start !important;
  height: calc(100vh - 28px) !important;
  min-height: calc(100vh - 28px) !important;
  max-height: calc(100vh - 28px) !important;

  border-radius: 0 30px 30px 0 !important;
  overflow-y: auto !important;
  overflow-x: visible !important;

  background:
    radial-gradient(circle at 18% 4%, rgba(255, 255, 255, .18), transparent 25%),
    linear-gradient(180deg, #820096 0%, #5a006e 45%, #350044 100%) !important;

  box-shadow:
    18px 0 42px rgba(43, 0, 61, .18),
    inset -1px 0 0 rgba(255, 255, 255, .10) !important;

  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.28) transparent;
}

/* Scrollbar da sidebar */
body.moov-seller-sidebar-pro-on .moov-seller-sidebar-host::-webkit-scrollbar {
  width: 6px;
}

body.moov-seller-sidebar-pro-on .moov-seller-sidebar-host::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.28);
  border-radius: 999px;
}

body.moov-seller-sidebar-pro-on .moov-seller-sidebar-host::-webkit-scrollbar-track {
  background: transparent;
}

/* Modo recolhido também arredondado e fixo */
body.moov-seller-sidebar-pro-on.moov-seller-sidebar-collapsed .moov-seller-sidebar-host {
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;

  border-radius: 0 28px 28px 0 !important;
  overflow-y: auto !important;
  overflow-x: visible !important;
}

/* Botão de recuar mais integrado à barra */
body.moov-seller-sidebar-pro-on .moov-sidebar-toggle-pro {
  position: sticky !important;
  top: 14px !important;
  z-index: 10 !important;

  border-radius: 16px !important;
  background: rgba(255, 255, 255, .14) !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, .16) !important;
}

/* Quando recolhida, centraliza tudo melhor */
body.moov-seller-sidebar-pro-on.moov-seller-sidebar-collapsed .moov-sidebar-toggle-pro {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Garante que os ícones não fiquem cortados no modo recolhido */
body.moov-seller-sidebar-pro-on.moov-seller-sidebar-collapsed .moov-seller-static-menu {
  overflow: visible !important;
}

/* Evita que tooltip fique preso dentro da barra */
body.moov-seller-sidebar-pro-on.moov-seller-sidebar-collapsed .moov-seller-static-menu .nav-item {
  overflow: visible !important;
}

/* Ajuste visual do primeiro/último respiro da barra */
body.moov-seller-sidebar-pro-on .moov-seller-static-menu {
  padding-bottom: 28px !important;
}

/* Melhora acabamento inferior da barra */
body.moov-seller-sidebar-pro-on .moov-seller-sidebar-host::after {
  content: "";
  display: block;
  height: 18px;
}

/* Se a página tiver container flex, ajuda o sticky funcionar corretamente */
body.moov-seller-sidebar-pro-on .app-layout,
body.moov-seller-sidebar-pro-on .main-layout,
body.moov-seller-sidebar-pro-on .dashboard-layout {
  align-items: flex-start !important;
}

/* Responsivo: em telas menores, mantém sem quebrar */
@media (max-width: 900px) {
  body.moov-seller-sidebar-pro-on .moov-seller-sidebar-host {
    top: 8px !important;
    height: calc(100vh - 16px) !important;
    min-height: calc(100vh - 16px) !important;
    max-height: calc(100vh - 16px) !important;
    border-radius: 0 22px 22px 0 !important;
  }
}