/* =========================================================
   MOOV - Ajuste Final Visual / Perfil Vendedor
   Camada segura: não altera regra comercial nem APIs.
========================================================= */

body.moov-seller-final-polish-on {
  background: #f6f4fb;
}

/* Evita estouro horizontal em telas do vendedor */
body.moov-seller-final-polish-on,
body.moov-seller-final-polish-on * {
  box-sizing: border-box;
}

body.moov-seller-final-polish-on .app-section {
  max-width: 100%;
  min-width: 0;
}

body.moov-seller-final-polish-on #sec-vendedor,
body.moov-seller-final-polish-on #sec-vendedor-radar,
body.moov-seller-final-polish-on #sec-vendedor-esteira,
body.moov-seller-final-polish-on #sec-vendedor-origens,
body.moov-seller-final-polish-on #sec-vendedor-producao,
body.moov-seller-final-polish-on #sec-vendedor-carteira,
body.moov-seller-final-polish-on #sec-vendedor-agenda,
body.moov-seller-final-polish-on #sec-vendedor-prioridades {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Corrige respiro e organização dos blocos */
body.moov-seller-final-polish-on #sec-vendedor:not(.hidden),
body.moov-seller-final-polish-on #sec-vendedor-radar:not(.hidden),
body.moov-seller-final-polish-on #sec-vendedor-esteira:not(.hidden),
body.moov-seller-final-polish-on #sec-vendedor-origens:not(.hidden),
body.moov-seller-final-polish-on #sec-vendedor-producao:not(.hidden),
body.moov-seller-final-polish-on #sec-vendedor-carteira:not(.hidden),
body.moov-seller-final-polish-on #sec-vendedor-agenda:not(.hidden),
body.moov-seller-final-polish-on #sec-vendedor-prioridades:not(.hidden) {
  animation: moovSellerFade .16s ease-out;
}

@keyframes moovSellerFade {
  from {
    opacity: .75;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Sidebar/menu vendedor */
body.moov-seller-final-polish-on .moov-seller-static-menu {
  margin-top: 0 !important;
  padding-top: 10px !important;
}

body.moov-seller-final-polish-on .moov-seller-static-menu .nav-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 42px;
  border-radius: 14px;
  white-space: nowrap;
  transition: background .14s ease, color .14s ease, transform .12s ease;
}

body.moov-seller-final-polish-on .moov-seller-static-menu .nav-item:active {
  transform: scale(.985);
}

body.moov-seller-final-polish-on .moov-seller-static-menu .nav-item.active {
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
}

/* Cards e grids mais consistentes */
body.moov-seller-final-polish-on .moov-producao-kpis,
body.moov-seller-final-polish-on .moov-radar-grid,
body.moov-seller-final-polish-on .moov-origens-kpis,
body.moov-seller-final-polish-on .moov-esteira-kpis {
  max-width: 100%;
  min-width: 0;
}

body.moov-seller-final-polish-on .moov-producao-card,
body.moov-seller-final-polish-on .moov-radar-card,
body.moov-seller-final-polish-on .moov-origens-card,
body.moov-seller-final-polish-on .moov-esteira-card,
body.moov-seller-final-polish-on .portfolio-card {
  max-width: 100%;
  min-width: 0;
}

/* Tabelas e listas não quebram a tela */
body.moov-seller-final-polish-on table {
  max-width: 100%;
}

body.moov-seller-final-polish-on .table-wrap,
body.moov-seller-final-polish-on .moov-producao-table-wrap,
body.moov-seller-final-polish-on .moov-origens-table-wrap {
  width: 100%;
  overflow-x: auto;
}

/* Estado de troca de aba mais suave */
body.moov-seller-final-polish-on.moov-seller-soft-loading .app-section:not(.hidden) {
  opacity: .92;
  transition: opacity .16s ease;
}

/* Remove botões/elementos que ficam visualmente sobrepostos */
body.moov-seller-final-polish-on button,
body.moov-seller-final-polish-on .btn,
body.moov-seller-final-polish-on .nav-item {
  max-width: 100%;
}

/* Selects antigos não devem estourar layout */
body.moov-seller-final-polish-on select,
body.moov-seller-final-polish-on input {
  max-width: 100%;
}

/* Mobile/tablet */
@media (max-width: 1100px) {
  body.moov-seller-final-polish-on #sec-vendedor,
  body.moov-seller-final-polish-on #sec-vendedor-radar,
  body.moov-seller-final-polish-on #sec-vendedor-esteira,
  body.moov-seller-final-polish-on #sec-vendedor-origens,
  body.moov-seller-final-polish-on #sec-vendedor-producao,
  body.moov-seller-final-polish-on #sec-vendedor-carteira,
  body.moov-seller-final-polish-on #sec-vendedor-agenda,
  body.moov-seller-final-polish-on #sec-vendedor-prioridades {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}