/* Vida & Saúde | Painel do Fitoterapeuta | V226
   Varredura visual cruzada desktop + mobile.
   Corrige resíduos após V222-V225 sem zoom/scale e sem alterar motores funcionais. */

/* Emblemas escuros: sempre usar asset realmente transparente. */
body.professional-visual-v226 #professional-finance .v203-finance-emblem,
body.professional-visual-v226 #professional-finance .v203-finance-emblem picture,
body.professional-visual-v226 #professional-finance .v203-finance-emblem img{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.professional-visual-v226 #professional-finance .v203-finance-emblem img{
  content:url('../img/emblema-fitoterapeuta-home.png')!important;
}

/* Ações secundárias das referências escuras: verde profundo + contorno dourado. */
body.professional-visual-v226 #professional-telehealth .tele201-hero-actions .btn-ghost,
body.professional-visual-v226 #professional-copilot .copilot203-hero-actions .btn-ghost,
body.professional-visual-v226 #professional-finance .v203-finance-hero-actions .btn-ghost{
  border:1px solid #c89438!important;
  color:#f3c970!important;
  background:rgba(5,58,48,.88)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 5px 14px rgba(6,44,37,.12)!important;
}
body.professional-visual-v226 #professional-telehealth .tele201-hero-actions .btn-primary,
body.professional-visual-v226 #professional-copilot .copilot203-hero-actions .btn-primary,
body.professional-visual-v226 #professional-finance .v203-finance-hero-actions .btn-primary{
  border:1px solid #e2b45c!important;
  color:#fffaf0!important;
  background:linear-gradient(180deg,#e4bc65 0%,#bd8421 100%)!important;
  box-shadow:0 9px 17px rgba(139,87,19,.26),inset 0 1px rgba(255,255,255,.4)!important;
}

/* Transição da botânica sem corte vertical duro. */
body.professional-visual-v226 #professional-finance .v203-finance-hero::after,
body.professional-visual-v226 #professional-copilot .copilot203-hero::after,
body.professional-visual-v226 #professional-telehealth .tele201-hero::after{
  -webkit-mask-image:linear-gradient(to left,#000 0%,#000 72%,rgba(0,0,0,.8) 82%,transparent 100%)!important;
  mask-image:linear-gradient(to left,#000 0%,#000 72%,rgba(0,0,0,.8) 82%,transparent 100%)!important;
}

@media (min-width:1440px) and (min-height:1000px){
  /* Financeiro: emblema com presença equivalente à referência, sem fundo claro. */
  body.professional-visual-v226 #professional-finance .v203-finance-emblem,
  body.professional-visual-v226 #professional-finance .v203-finance-emblem picture,
  body.professional-visual-v226 #professional-finance .v203-finance-emblem img{
    width:166px!important;height:166px!important;
  }
  body.professional-visual-v226 #professional-finance .v203-finance-hero::after{width:430px!important;opacity:.96!important}

  /* Carlos Copilot: coluna direita e cartões laterais com proporção da imagem. */
  body.professional-visual-v226 #professional-copilot .copilot203-hero::after{width:470px!important;opacity:.95!important}
  body.professional-visual-v226 #professional-copilot .copilot203-grid{
    grid-template-columns:minmax(0,1fr) 386px!important;
    gap:16px!important;
  }
  body.professional-visual-v226 #professional-copilot .copilot203-side{gap:11px!important}
  body.professional-visual-v226 #professional-copilot .copilot203-side-card:nth-child(1){min-height:208px!important}
  body.professional-visual-v226 #professional-copilot .copilot203-side-card:nth-child(2){min-height:158px!important}
  body.professional-visual-v226 #professional-copilot .copilot203-side-card:nth-child(3){min-height:158px!important}
  body.professional-visual-v226 #professional-copilot .copilot203-side-card{box-sizing:border-box!important}
  body.professional-visual-v226 #professional-copilot .copilot203-hero-actions .btn{min-width:164px!important}

  /* Teleatendimento: botânica avança suavemente, preservando as duas ações. */
  body.professional-visual-v226 #professional-telehealth .tele201-hero::after{width:420px!important;opacity:.94!important}
}

/* Notebook: mantém legibilidade e evita compressão dos heros. */
@media (min-width:1024px) and (max-width:1439px){
  body.professional-visual-v226 #professional-finance .v203-finance-hero-actions .btn,
  body.professional-visual-v226 #professional-copilot .copilot203-hero-actions .btn,
  body.professional-visual-v226 #professional-telehealth .tele201-hero-actions .btn{
    white-space:nowrap!important;
  }
}

/* Mobile: composição própria. Nenhum hero desktop é apenas encolhido. */
@media (max-width:720px){
  /* Financeiro */
  body.professional-visual-v226 #professional-finance .v203-finance-hero{
    min-height:292px!important;height:auto!important;
    grid-template-columns:1fr!important;
    align-content:start!important;align-items:start!important;
    gap:12px!important;padding:20px 18px 18px!important;
  }
  body.professional-visual-v226 #professional-finance .v203-finance-hero::before{
    background:linear-gradient(90deg,rgba(4,72,60,.98) 0%,rgba(4,72,60,.94) 54%,rgba(4,72,60,.54) 100%)!important;
  }
  body.professional-visual-v226 #professional-finance .v203-finance-hero::after{
    width:72%!important;height:100%!important;right:0!important;opacity:.9!important;
  }
  body.professional-visual-v226 #professional-finance .v203-finance-hero-copy{
    position:relative!important;z-index:3!important;align-self:start!important;padding-top:0!important;max-width:100%!important;
  }
  body.professional-visual-v226 #professional-finance .v203-finance-hero-copy h2{
    max-width:270px!important;font-size:30px!important;line-height:1.06!important;letter-spacing:-.02em!important;
  }
  body.professional-visual-v226 #professional-finance .v203-finance-hero-copy p{
    max-width:265px!important;margin-top:10px!important;font-size:12px!important;line-height:1.5!important;
  }
  body.professional-visual-v226 #professional-finance .v203-finance-hero-actions{
    position:relative!important;z-index:4!important;display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;gap:8px!important;justify-self:stretch!important;align-self:auto!important;
  }
  body.professional-visual-v226 #professional-finance .v203-finance-hero-actions .btn{
    width:100%!important;min-width:0!important;min-height:45px!important;padding:0 8px!important;font-size:10px!important;
  }
  body.professional-visual-v226 #professional-finance .v203-finance-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;
  }
  body.professional-visual-v226 #professional-finance .v203-finance-kpi{
    min-height:132px!important;height:132px!important;padding-right:10px!important;
  }
  body.professional-visual-v226 #professional-finance .v203-finance-kpi-copy>strong{font-size:20px!important}

  /* Carlos Copilot */
  body.professional-visual-v226 #professional-copilot .copilot203-root{margin-top:0!important;gap:12px!important}
  body.professional-visual-v226 #professional-copilot .copilot203-hero{
    min-height:292px!important;height:auto!important;
    grid-template-columns:1fr!important;align-content:start!important;align-items:start!important;
    gap:11px!important;padding:20px 18px 18px!important;
  }
  body.professional-visual-v226 #professional-copilot .copilot203-hero::before{
    background:linear-gradient(90deg,rgba(5,74,61,.98) 0%,rgba(5,74,61,.95) 58%,rgba(5,74,61,.58) 100%)!important;
  }
  body.professional-visual-v226 #professional-copilot .copilot203-hero::after{
    width:68%!important;height:100%!important;right:0!important;opacity:.88!important;
  }
  body.professional-visual-v226 #professional-copilot .copilot203-hero-copy{position:relative!important;z-index:3!important;max-width:100%!important}
  body.professional-visual-v226 #professional-copilot .copilot203-hero-copy h2{font-size:31px!important;line-height:1.05!important}
  body.professional-visual-v226 #professional-copilot .copilot203-hero-copy>p{max-width:320px!important;font-size:12px!important;line-height:1.5!important}
  body.professional-visual-v226 #professional-copilot .copilot203-disclaimer{max-width:100%!important;width:100%!important;box-sizing:border-box!important}
  body.professional-visual-v226 #professional-copilot .copilot203-hero-actions{
    position:relative!important;z-index:4!important;display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:8px!important;padding-bottom:0!important;
  }
  body.professional-visual-v226 #professional-copilot .copilot203-hero-actions .btn{
    width:100%!important;min-width:0!important;min-height:45px!important;padding:0 8px!important;font-size:10px!important;
  }
  body.professional-visual-v226 #professional-copilot .copilot203-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;
  }
  body.professional-visual-v226 #professional-copilot .copilot203-review-columns{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0!important;row-gap:9px!important;
  }
  body.professional-visual-v226 #professional-copilot .copilot203-review-columns>div{
    min-width:0!important;min-height:72px!important;padding:0 8px 8px!important;
    border-right:0!important;border-bottom:1px solid #ece4d8!important;
  }
  body.professional-visual-v226 #professional-copilot .copilot203-review-columns>div:nth-last-child(-n+2){border-bottom:0!important}
  body.professional-visual-v226 #professional-copilot .copilot203-review-columns strong,
  body.professional-visual-v226 #professional-copilot .copilot203-review-columns b{font-size:9px!important;line-height:1.2!important}
  body.professional-visual-v226 #professional-copilot .copilot203-review-columns p,
  body.professional-visual-v226 #professional-copilot .copilot203-review-columns li{font-size:7.8px!important;line-height:1.35!important;overflow-wrap:anywhere!important}
  body.professional-visual-v226 #professional-copilot .copilot203-review-head{
    grid-template-columns:38px minmax(0,1fr) auto!important;gap:8px!important;
  }
  body.professional-visual-v226 #professional-copilot .copilot203-review-head h4,
  body.professional-visual-v226 #professional-copilot .copilot203-review-head strong{overflow-wrap:anywhere!important}
  body.professional-visual-v226 #professional-copilot .copilot203-side-card:nth-child(n){min-height:0!important}

  /* Teleatendimento: os dois CTA seguem a mesma linguagem escura/dourada. */
  body.professional-visual-v226 #professional-telehealth .tele201-hero-actions .btn{font-size:10px!important}
}

@media (max-width:380px){
  body.professional-visual-v226 #professional-finance .v203-finance-hero-actions,
  body.professional-visual-v226 #professional-copilot .copilot203-hero-actions{
    grid-template-columns:1fr!important;
  }
  body.professional-visual-v226 #professional-finance .v203-finance-hero{min-height:332px!important}
  body.professional-visual-v226 #professional-copilot .copilot203-hero{min-height:330px!important}
  body.professional-visual-v226 #professional-finance .v203-finance-hero-copy h2{font-size:28px!important}
  body.professional-visual-v226 #professional-copilot .copilot203-hero-copy h2{font-size:29px!important}
}

@media (max-width:720px){
  /* Financeiro: painéis de conteúdo um abaixo do outro; evita miniaturização lado a lado. */
  body.professional-visual-v226 #professional-finance .v203-finance-dashboard{
    grid-template-columns:1fr!important;
    grid-template-areas:none!important;
    gap:12px!important;
  }
  body.professional-visual-v226 #professional-finance .v203-finance-chart,
  body.professional-visual-v226 #professional-finance .v203-finance-charges,
  body.professional-visual-v226 #professional-finance .v203-finance-reminders,
  body.professional-visual-v226 #professional-finance .v203-finance-month{
    grid-area:auto!important;width:100%!important;min-width:0!important;
  }
  body.professional-visual-v226 #professional-finance .v203-finance-chart{min-height:280px!important;height:280px!important}
  body.professional-visual-v226 #professional-finance .v203-chart-wrap{height:220px!important;min-width:0!important}
  body.professional-visual-v226 #professional-finance .v203-finance-charges{min-height:330px!important;height:auto!important;overflow:hidden!important}
  body.professional-visual-v226 #professional-finance .v203-finance-table{overflow-x:auto!important;overflow-y:visible!important}
}