/* Vida & Saúde | Painel do Fitoterapeuta | V227
   Microajuste visual global 1:1: shell, cabeçalho e sidebar.
   Baseado na comparação direta 1448x1086. Sem zoom/scale. */

/* Botânica real no rodapé do sidebar, preservando navegação e card seguro acima. */
body.professional-visual-v227 .professional-sidebar::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  left:0!important;right:0!important;bottom:0!important;
  height:190px!important;
  pointer-events:none!important;
  background:url('../img/sidebar-botanical-v227.png') center bottom/247px 190px no-repeat!important;
  opacity:.62!important;
}
body.professional-visual-v227 .professional-nav{z-index:2!important}
body.professional-visual-v227 .professional-sidebar-foot{z-index:3!important}

/* Item ativo: referência possui halo dourado mais evidente e miolo mais quente. */
body.professional-visual-v227 .professional-nav-item.is-active,
body.professional-visual-v227 .client-sidebar-nav-item.is-active,
body.professional-visual-v227 .professional-nav-item[aria-current="page"]{
  border-color:#d3a64c!important;
  background:linear-gradient(90deg,rgba(228,188,101,.40) 0%,rgba(213,175,91,.24) 56%,rgba(188,142,57,.15) 100%)!important;
  box-shadow:
    0 0 0 1px rgba(255,225,161,.13),
    0 0 23px rgba(215,165,57,.52),
    inset 0 1px rgba(255,255,255,.18),
    inset 0 0 18px rgba(238,204,128,.10)!important;
}
body.professional-visual-v227 .professional-nav-item.is-active .professional-nav-icon,
body.professional-visual-v227 .client-sidebar-nav-item.is-active .professional-nav-icon{
  color:#fff8e7!important;
}
body.professional-visual-v227 .professional-nav-item.is-active .client-sidebar-nav-label,
body.professional-visual-v227 .professional-nav-item.is-active .v8730-nav-label{
  color:#fffaf0!important;font-weight:600!important;
}

@media (min-width:1440px) and (min-height:1000px){
  /* Cabeçalho: título/subtítulo medidos 6px à direita e 4px abaixo na referência. */
  body.professional-visual-v227 .professional-header-context{
    transform:translate(6px,4px)!important;
  }

  /* Bloco de ações ligeiramente mais à esquerda, como no cabeçalho de referência. */
  body.professional-visual-v227 .professional-header-actions{
    transform:translateX(-18px)!important;
  }

  /* Marca do sidebar inicia alguns pixels mais abaixo na imagem de referência. */
  body.professional-visual-v227 .professional-sidebar .professional-logo-mark,
  body.professional-visual-v227 .professional-sidebar .client-sidebar-brand-mark{
    transform:translateY(6px)!important;
  }

  /* Ajuste fino dos títulos do cabeçalho sem alterar a busca, que já estava alinhada. */
  body.professional-visual-v227 .professional-header-title{line-height:1.02!important}
  body.professional-visual-v227 .professional-header-summary{margin-top:9px!important}
}

/* Notebook: mantém o novo acabamento, sem aplicar deslocamentos da referência 1448. */
@media (min-width:1024px) and (max-width:1439px){
  body.professional-visual-v227 .professional-header-context,
  body.professional-visual-v227 .professional-header-actions,
  body.professional-visual-v227 .professional-sidebar .professional-logo-mark,
  body.professional-visual-v227 .professional-sidebar .client-sidebar-brand-mark{transform:none!important}
}

/* Mobile: botânica permanece somente no drawer; conteúdo segue composição própria. */
@media (max-width:1023px){
  body.professional-visual-v227 .professional-sidebar::after{
    height:170px!important;
    background-size:220px 169px!important;
    opacity:.48!important;
  }
}