/* Vida & Saúde | Painel do Fitoterapeuta | V236
   Passada conjunta desktop + mobile.
   Foco: fidelidade visual dos estados transitórios/indisponíveis e refinamento
   responsivo das áreas que ainda podiam parecer vazias ou comprimidas.
   Sem zoom e sem transform:scale de layout. */

body.professional-visual-v236 .professional-section,
body.professional-visual-v236 .professional-section > *,
body.professional-visual-v236 .professional-panel{
  min-width:0!important;
  box-sizing:border-box!important;
}

/* =========================================================
   INÍCIO: fallback estrutural com a mesma composição do dashboard final.
   Não injeta valores fictícios. Os números permanecem como travessão enquanto
   o workspace real é consultado.
   ========================================================= */
body.professional-visual-v236 #professional-overview .v236-home-fallback{
  display:grid!important;
  gap:14px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
body.professional-visual-v236 #professional-overview .v236-home-fallback-hero{
  position:relative!important;
  display:grid!important;
  grid-template-columns:205px minmax(0,1fr)!important;
  align-items:center!important;
  gap:24px!important;
  min-height:260px!important;
  padding:22px 395px 22px 34px!important;
  overflow:hidden!important;
  border:1px solid #c99f45!important;
  border-radius:17px!important;
  background:linear-gradient(118deg,#0d5144 0%,#073c33 58%,#06392f 100%)!important;
  box-shadow:0 7px 18px rgba(50,43,31,.08)!important;
}
body.professional-visual-v236 #professional-overview .v236-home-fallback-hero::after{
  content:""!important;
  position:absolute!important;
  right:0!important;
  bottom:0!important;
  width:405px!important;
  height:260px!important;
  background:url('../img/home-hero-leaves-v194.png') right bottom/contain no-repeat!important;
  opacity:.92!important;
  pointer-events:none!important;
}
body.professional-visual-v236 #professional-overview .v236-home-fallback-emblem{
  position:relative!important;
  z-index:2!important;
  width:205px!important;
  height:205px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 8px 11px rgba(0,0,0,.18))!important;
}
body.professional-visual-v236 #professional-overview .v236-home-fallback-copy{
  position:relative!important;
  z-index:3!important;
  align-self:center!important;
  min-width:0!important;
}
body.professional-visual-v236 #professional-overview .v236-home-fallback-copy h2{
  margin:0!important;
  color:#efc871!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:38px!important;
  line-height:1.05!important;
  font-weight:500!important;
}
body.professional-visual-v236 #professional-overview .v236-home-fallback-copy p{
  max-width:520px!important;
  margin:12px 0 18px!important;
  color:#fffaf0!important;
  font-size:14px!important;
  line-height:1.5!important;
}
body.professional-visual-v236 #professional-overview .v236-home-fallback-actions{
  display:grid!important;
  grid-template-columns:210px 170px!important;
  gap:12px!important;
  width:max-content!important;
  max-width:100%!important;
}
body.professional-visual-v236 #professional-overview .v236-home-fallback-actions button{
  min-height:48px!important;
  border-radius:9px!important;
  font-size:13px!important;
  font-weight:700!important;
}
body.professional-visual-v236 #professional-overview .v236-home-fallback-actions button:first-child{
  border:1px solid #e4b84f!important;
  background:linear-gradient(180deg,#e7b94d,#b9790b)!important;
  color:#fff!important;
  box-shadow:0 5px 14px rgba(215,158,45,.24)!important;
}
body.professional-visual-v236 #professional-overview .v236-home-fallback-actions button:last-child{
  border:1px solid #cf9b32!important;
  background:rgba(6,58,49,.78)!important;
  color:#f0c85e!important;
}
body.professional-visual-v236 #professional-overview .v236-home-fallback-kpis{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
body.professional-visual-v236 #professional-overview .v236-home-fallback-kpis article{
  position:relative!important;
  min-height:118px!important;
  padding:18px 18px 14px 82px!important;
  border:1px solid #e8ddcd!important;
  border-radius:13px!important;
  background:#fffdf9!important;
  box-shadow:0 5px 14px rgba(65,52,37,.045)!important;
}
body.professional-visual-v236 #professional-overview .v236-home-fallback-kpis article::before{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  top:18px!important;
  width:48px!important;
  height:48px!important;
  border-radius:50%!important;
  background:#eef2df!important;
  border:1px solid #dfe7cc!important;
}
body.professional-visual-v236 #professional-overview .v236-home-fallback-kpis article:last-child::before{
  background:#fbede5!important;
  border-color:#f4d7ca!important;
}
body.professional-visual-v236 #professional-overview .v236-home-fallback-kpis small{
  display:block!important;
  color:#243d37!important;
  font-size:12px!important;
}
body.professional-visual-v236 #professional-overview .v236-home-fallback-kpis strong{
  display:block!important;
  margin-top:5px!important;
  color:#0b493f!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:31px!important;
  line-height:1!important;
}
body.professional-visual-v236 #professional-overview .v236-home-fallback-kpis span{
  display:block!important;
  margin-top:12px!important;
  color:#7a837f!important;
  font-size:9px!important;
}
body.professional-visual-v236 #professional-overview .v236-home-fallback-main{
  display:grid!important;
  grid-template-columns:1.115fr .965fr .632fr 1fr!important;
  gap:14px!important;
  align-items:stretch!important;
}
body.professional-visual-v236 #professional-overview .v236-home-fallback-card{
  min-height:310px!important;
  padding:16px!important;
  border:1px solid #e8ddcd!important;
  border-radius:14px!important;
  background:#fffdf9!important;
  box-shadow:0 5px 14px rgba(65,52,37,.04)!important;
}
body.professional-visual-v236 #professional-overview .v236-home-fallback-card h3{
  margin:0 0 15px!important;
  color:#28443c!important;
  font-size:14px!important;
}
body.professional-visual-v236 #professional-overview .v236-home-loading-lines{
  display:grid!important;
  gap:10px!important;
}
body.professional-visual-v236 #professional-overview .v236-home-loading-lines i{
  display:block!important;
  height:42px!important;
  border:1px solid #eee5d8!important;
  border-radius:8px!important;
  background:linear-gradient(90deg,#faf6ef,#fffdfa 45%,#faf6ef)!important;
}
body.professional-visual-v236 #professional-overview .v236-home-fallback-card.is-copilot{
  display:flex!important;
  flex-direction:column!important;
  color:#fff!important;
  border-color:#c8952d!important;
  background:linear-gradient(180deg,#0b4b40,#063a31)!important;
}
body.professional-visual-v236 #professional-overview .v236-home-fallback-card.is-copilot h3{color:#fff4d7!important}
body.professional-visual-v236 #professional-overview .v236-home-fallback-card.is-copilot p{color:#e7eee9!important;font-size:10px!important;line-height:1.5!important}
body.professional-visual-v236 #professional-overview .v236-home-fallback-card.is-copilot button{
  margin-top:auto!important;
  min-height:43px!important;
  border:1px solid #e2b54e!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#e4b74b,#b77608)!important;
  color:#fff!important;
  font-weight:700!important;
}
body.professional-visual-v236 #professional-overview .v236-home-fallback-bottom{
  display:grid!important;
  grid-template-columns:1.26fr 1fr!important;
  gap:14px!important;
}
body.professional-visual-v236 #professional-overview .v236-home-fallback-bottom > *{
  min-height:155px!important;
}
body.professional-visual-v236 #professional-overview .v236-home-fallback-quote{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  padding:22px 135px 22px 45px!important;
  overflow:hidden!important;
  border:1px solid #dfd3b3!important;
  border-radius:14px!important;
  background:#f1edda!important;
  color:#465743!important;
  font-family:Georgia,"Times New Roman",serif!important;
  text-align:center!important;
}
body.professional-visual-v236 #professional-overview .v236-home-fallback-quote::after{
  content:""!important;
  position:absolute!important;
  right:0!important;
  bottom:0!important;
  width:145px!important;
  height:145px!important;
  background:url('../img/home-quote-leaves-v194.png') right bottom/contain no-repeat!important;
  opacity:.9!important;
}

/* Financeiro e Orientações: se o motor real estiver indisponível ou em carga,
   preservar a altura e a leitura de página em vez de virar um único cartão curto. */
body.professional-visual-v236 #professional-finance .v8710-finance-state{
  position:relative!important;
  min-height:720px!important;
  padding:48px 46px!important;
  overflow:hidden!important;
  border:1px solid #e5dac8!important;
  border-radius:16px!important;
  background:
    linear-gradient(180deg,transparent 0 222px,#fbf8f2 222px 100%),
    linear-gradient(118deg,#0d5144,#073c33)!important;
}
body.professional-visual-v236 #professional-finance .v8710-finance-state::after{
  content:""!important;
  position:absolute!important;
  left:16px!important;
  right:16px!important;
  top:248px!important;
  height:452px!important;
  border-radius:12px!important;
  background:
    linear-gradient(90deg,#fffdf9 0 24%,transparent 24.8% 25.6%,#fffdf9 26.4% 50%,transparent 50.8% 51.6%,#fffdf9 52.4% 76%,transparent 76.8% 77.6%,#fffdf9 78.4% 100%) 0 0/100% 122px no-repeat,
    linear-gradient(90deg,#fffdf9 0 42%,transparent 42.8% 43.6%,#fffdf9 44.4% 100%) 0 144px/100% 292px no-repeat!important;
  box-shadow:0 0 0 1px rgba(232,221,205,.75) inset!important;
  pointer-events:none!important;
}
body.professional-visual-v236 #professional-finance .v8710-finance-state .panel-kicker,
body.professional-visual-v236 #professional-finance .v8710-finance-state h2,
body.professional-visual-v236 #professional-finance .v8710-finance-state p{
  position:relative!important;
  z-index:2!important;
  max-width:520px!important;
  color:#f7e7bd!important;
}
body.professional-visual-v236 #professional-finance .v8710-finance-state h2{
  margin:8px 0!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:28px!important;
  font-weight:500!important;
}
body.professional-visual-v236 #professional-guidance .v163-guidance-state{
  min-height:650px!important;
  align-items:start!important;
  padding:42px!important;
  border-radius:16px!important;
}
body.professional-visual-v236 #professional-guidance .v163-guidance-workspace.is-loading{
  min-height:650px!important;
  grid-template-rows:210px minmax(360px,1fr)!important;
  gap:16px!important;
}
body.professional-visual-v236 #professional-guidance .v163-guidance-skeleton{
  border-radius:14px!important;
}

/* Relatórios e Configurações: o layout de referência deve ocupar a área útil
   completa mesmo antes de qualquer conteúdo persistido aparecer. */
body.professional-visual-v236 #professional-reports .reports225-reference,
body.professional-visual-v236 #professional-settings .settings225-reference{
  width:100%!important;
  max-width:100%!important;
}
body.professional-visual-v236 #professional-reports .reports225-reference{min-height:690px!important}
body.professional-visual-v236 #professional-settings .settings225-reference{min-height:715px!important}

/* =========================================================
   DESKTOP DE REFERÊNCIA 1448x1086
   ========================================================= */
@media (min-width:1440px) and (max-width:1535px) and (min-height:1000px){
  body.professional-visual-v236 .professional-header-context{
    width:302px!important;
    min-width:302px!important;
    max-width:302px!important;
  }
  body.professional-visual-v236 #professional-overview .v236-home-fallback-card{min-height:310px!important}
  body.professional-visual-v236 #professional-guidance .v163-guidance-workspace.is-loading,
  body.professional-visual-v236 #professional-guidance .v163-guidance-state{min-height:720px!important}
}

/* =========================================================
   NOTEBOOK / TABLET
   ========================================================= */
@media (min-width:1024px) and (max-width:1439px){
  body.professional-visual-v236 #professional-overview .v236-home-fallback-hero{
    grid-template-columns:150px minmax(0,1fr)!important;
    min-height:218px!important;
    padding:20px 250px 20px 22px!important;
    gap:18px!important;
  }
  body.professional-visual-v236 #professional-overview .v236-home-fallback-emblem{width:150px!important;height:150px!important}
  body.professional-visual-v236 #professional-overview .v236-home-fallback-copy h2{font-size:31px!important}
  body.professional-visual-v236 #professional-overview .v236-home-fallback-main{grid-template-columns:1fr 1fr!important}
  body.professional-visual-v236 #professional-overview .v236-home-fallback-bottom{grid-template-columns:1fr!important}
}

/* =========================================================
   MOBILE / TABLET 1023 para baixo
   ========================================================= */
@media (max-width:1023px){
  body.professional-visual-v236 .professional-mobile-bar{
    min-height:54px!important;
    padding-top:5px!important;
    padding-bottom:5px!important;
  }
  body.professional-visual-v236 .professional-header-title{
    line-height:1.05!important;
  }
  body.professional-visual-v236 .professional-header-summary{
    margin-top:2px!important;
    line-height:1.18!important;
  }

  body.professional-visual-v236 #professional-overview .v236-home-fallback-hero{
    grid-template-columns:1fr!important;
    min-height:205px!important;
    padding:18px 16px!important;
    text-align:left!important;
  }
  body.professional-visual-v236 #professional-overview .v236-home-fallback-hero::after{
    width:72%!important;
    height:100%!important;
    opacity:.26!important;
  }
  body.professional-visual-v236 #professional-overview .v236-home-fallback-emblem{display:none!important}
  body.professional-visual-v236 #professional-overview .v236-home-fallback-copy h2{font-size:27px!important}
  body.professional-visual-v236 #professional-overview .v236-home-fallback-copy p{max-width:330px!important;margin:9px 0 14px!important;font-size:10.5px!important;line-height:1.42!important}
  body.professional-visual-v236 #professional-overview .v236-home-fallback-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}
  body.professional-visual-v236 #professional-overview .v236-home-fallback-actions button{min-height:39px!important;font-size:10px!important}
  body.professional-visual-v236 #professional-overview .v236-home-fallback-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.professional-visual-v236 #professional-overview .v236-home-fallback-kpis article{min-height:104px!important;padding:14px 10px 10px 56px!important}
  body.professional-visual-v236 #professional-overview .v236-home-fallback-kpis article::before{left:10px!important;top:13px!important;width:36px!important;height:36px!important}
  body.professional-visual-v236 #professional-overview .v236-home-fallback-kpis small{font-size:9px!important}
  body.professional-visual-v236 #professional-overview .v236-home-fallback-kpis strong{font-size:24px!important}
  body.professional-visual-v236 #professional-overview .v236-home-fallback-kpis span{margin-top:8px!important;font-size:7.5px!important}
  body.professional-visual-v236 #professional-overview .v236-home-fallback-main{grid-template-columns:1fr!important;gap:9px!important}
  body.professional-visual-v236 #professional-overview .v236-home-fallback-card{min-height:210px!important;padding:13px!important}
  body.professional-visual-v236 #professional-overview .v236-home-fallback-bottom{grid-template-columns:1fr!important;gap:9px!important}
  body.professional-visual-v236 #professional-overview .v236-home-fallback-bottom > *{min-height:145px!important}

  body.professional-visual-v236 #professional-finance .v8710-finance-state{
    min-height:560px!important;
    padding:28px 20px!important;
    background:linear-gradient(180deg,transparent 0 180px,#fbf8f2 180px 100%),linear-gradient(118deg,#0d5144,#073c33)!important;
  }
  body.professional-visual-v236 #professional-finance .v8710-finance-state::after{
    left:9px!important;right:9px!important;top:198px!important;height:340px!important;
    background:
      linear-gradient(90deg,#fffdf9 0 49%,transparent 49.8% 50.8%,#fffdf9 51.6% 100%) 0 0/100% 105px no-repeat,
      linear-gradient(#fffdf9,#fffdf9) 0 122px/100% 205px no-repeat!important;
  }
  body.professional-visual-v236 #professional-finance .v8710-finance-state h2{font-size:22px!important}
  body.professional-visual-v236 #professional-guidance .v163-guidance-workspace.is-loading,
  body.professional-visual-v236 #professional-guidance .v163-guidance-state{min-height:560px!important}

  /* Registros e Consentimentos: reforço contra texto estreito em 430/390/360. */
  body.professional-visual-v236 #professional-records .rec201-hero-copy h2,
  body.professional-visual-v236 #professional-consents .consents202-hero-copy h3{
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
  body.professional-visual-v236 #professional-consents .consents202-hero-copy{
    padding-right:8%!important;
  }
  body.professional-visual-v236 #professional-records .rec201-hero-metrics,
  body.professional-visual-v236 #professional-consents .consents202-kpis{
    width:100%!important;
    max-width:100%!important;
  }

  /* Evolução: avatar e dados permanecem dentro do hero, com ações sempre abaixo. */
  body.professional-visual-v236 #professional-evolution .v198-evolution-hero{
    overflow:hidden!important;
  }
  body.professional-visual-v236 #professional-evolution .v198-hero-actions{
    margin-top:4px!important;
  }
}

@media (max-width:620px){
  body.professional-visual-v236 .professional-main{padding:8px 8px 16px!important}
  body.professional-visual-v236 #professional-overview .v236-home-fallback{gap:9px!important}
  body.professional-visual-v236 #professional-overview .v236-home-fallback-hero,
  body.professional-visual-v236 #professional-records .rec201-hero,
  body.professional-visual-v236 #professional-consents .consents202-hero{
    border-radius:13px!important;
  }
  body.professional-visual-v236 #professional-records .rec201-hero-copy h2,
  body.professional-visual-v236 #professional-consents .consents202-hero-copy h3{
    font-size:21px!important;
    line-height:1.1!important;
  }
  body.professional-visual-v236 #professional-records .rec201-hero-copy p,
  body.professional-visual-v236 #professional-consents .consents202-hero-copy p{
    font-size:9.6px!important;
    line-height:1.42!important;
  }
}

@media (max-width:390px){
  body.professional-visual-v236 #professional-overview .v236-home-fallback-copy h2{font-size:24px!important}
  body.professional-visual-v236 #professional-overview .v236-home-fallback-actions{grid-template-columns:1fr!important}
  body.professional-visual-v236 #professional-overview .v236-home-fallback-hero{min-height:230px!important}
  body.professional-visual-v236 #professional-consents .consents202-hero-copy{padding-right:2%!important}
  body.professional-visual-v236 #professional-records .rec201-hero-copy h2,
  body.professional-visual-v236 #professional-consents .consents202-hero-copy h3{font-size:19.8px!important}
}

@media (max-width:370px){
  body.professional-visual-v236 #professional-overview .v236-home-fallback-hero{padding-left:13px!important;padding-right:13px!important}
  body.professional-visual-v236 #professional-overview .v236-home-fallback-kpis article{padding-left:52px!important}
  body.professional-visual-v236 #professional-records .rec201-hero,
  body.professional-visual-v236 #professional-consents .consents202-hero{padding-left:12px!important;padding-right:12px!important}
}