/* Vida & Saúde | Painel do Fitoterapeuta | V222
   Fechamento visual por referência 1448x1086. Sem zoom/scale. */

/* Shell desktop: largura e distribuição medidas diretamente nas referências. */
@media (min-width:1440px){
  body.professional-visual-v222 .professional-shell{
    grid-template-columns:245px minmax(0,1fr)!important;
    grid-template-rows:108px minmax(0,1fr)!important;
  }
  body.professional-visual-v222 .professional-sidebar{
    width:245px!important;min-width:245px!important;
    padding-inline:18px!important;
  }
  body.professional-visual-v222 .professional-sidebar-head{
    height:210px!important;min-height:210px!important;padding-top:15px!important;
  }
  body.professional-visual-v222 .professional-sidebar .professional-logo-mark,
  body.professional-visual-v222 .professional-sidebar .client-sidebar-brand-mark,
  body.professional-visual-v222 .professional-sidebar .professional-logo-mark picture,
  body.professional-visual-v222 .professional-sidebar .client-sidebar-brand-mark picture,
  body.professional-visual-v222 .professional-sidebar .professional-logo-mark img,
  body.professional-visual-v222 .professional-sidebar .client-sidebar-brand-mark img{
    width:190px!important;height:173px!important;min-width:190px!important;min-height:173px!important;flex-basis:190px!important;
  }
  body.professional-visual-v222 .professional-nav-item,
  body.professional-visual-v222 .client-sidebar-nav-item{
    padding-inline:10px!important;gap:12px!important;
  }
  body.professional-visual-v222 .professional-nav-icon{
    width:25px!important;height:25px!important;min-width:25px!important;flex-basis:25px!important;
  }
  body.professional-visual-v222 .professional-nav-icon-svg{width:23px!important;height:23px!important;stroke-width:1.65!important}
  body.professional-visual-v222 .professional-sidebar-foot{left:41px!important;right:41px!important;bottom:34px!important}

  body.professional-visual-v222 .professional-mobile-bar{
    grid-template-columns:290px 350px minmax(0,1fr)!important;
    gap:23px!important;
    padding:0 29px 0 31px!important;
  }
  body.professional-visual-v222 .professional-header-actions{justify-self:end!important}
  body.professional-visual-v222 .professional-main{padding:2px 29px 28px 31px!important}
}

/* Ícones do menu com o mesmo peso visual das referências. */
body.professional-visual-v222 .professional-nav-icon-svg{stroke-linecap:round!important;stroke-linejoin:round!important}
body.professional-visual-v222 .professional-nav-item.is-active .professional-nav-icon-svg,
body.professional-visual-v222 .client-sidebar-nav-item.is-active .professional-nav-icon-svg{stroke-width:1.8!important}

/* Início 1448x1086: hero, tipografia e botânica. */
@media (min-width:1440px) and (min-height:1000px){
  body.professional-visual-v222 .v193-home-hero{
    height:260px!important;min-height:260px!important;
    grid-template-columns:240px minmax(0,1fr)!important;
    gap:36px!important;
    padding:20px 300px 20px 28px!important;
  }
  body.professional-visual-v222 .v193-home-hero::after{
    right:0!important;bottom:0!important;width:425px!important;height:260px!important;
    background:url('../img/hero-leaves-gold.png') right center/cover no-repeat!important;
    opacity:1!important;
  }
  body.professional-visual-v222 .v193-home-emblem{width:230px!important;height:210px!important;transform:translate(8px,-4px)!important}
  body.professional-visual-v222 .v193-home-emblem img{width:224px!important;height:205px!important}
  body.professional-visual-v222 .v193-home-copy h2{
    margin-bottom:12px!important;font-size:42px!important;line-height:1.02!important;font-weight:500!important;
  }
  body.professional-visual-v222 .v193-home-copy p{max-width:440px!important;font-size:13px!important;line-height:1.62!important}
  body.professional-visual-v222 .v193-home-actions{margin-top:18px!important;gap:11px!important}
  body.professional-visual-v222 .v193-home-actions .btn{min-height:48px!important;font-size:12.5px!important}
  body.professional-visual-v222 .v193-home-actions .btn:first-child{min-width:212px!important}
  body.professional-visual-v222 .v193-home-actions .btn:last-child{min-width:176px!important}
}

/* Cards: contorno e fundo mais próximos do papel quente das referências. */
@media (min-width:1024px){
  body.professional-visual-v222 .v193-kpi,
  body.professional-visual-v222 .v193-card,
  body.professional-visual-v222 .professional-panel{
    border-color:#e4d7c2!important;
  }
}

/* Mobile: mantém composição própria, sem redução artificial, e estabiliza o shell. */
@media (max-width:1023px){
  body.professional-visual-v222 .professional-mobile-bar{min-height:68px!important;height:68px!important}
  body.professional-visual-v222 .professional-main{min-width:0!important;width:100%!important;padding-left:14px!important;padding-right:14px!important}
  body.professional-visual-v222 .professional-section{min-width:0!important;max-width:100%!important}
  body.professional-visual-v222 .professional-sidebar{max-width:min(320px,86vw)!important}
}
@media (max-width:430px){
  body.professional-visual-v222 .professional-main{padding-left:12px!important;padding-right:12px!important}
  body.professional-visual-v222 .v193-home{gap:12px!important}
  body.professional-visual-v222 .v193-home-hero{border-radius:16px!important}
  body.professional-visual-v222 .v193-kpi,
  body.professional-visual-v222 .v193-card{border-radius:13px!important}
}