/* Vida & Saúde | Painel do Fitoterapeuta | V223
   Passada visual 1:1 - Clientes, Agenda, Evolução e Atendimentos.
   Referências 1448x1086 + refinamento estrutural mobile. Sem zoom/scale. */

/* Shell medido nas referências: sidebar ocupa 247px; conteúdo começa em ~277/278px. */
@media (min-width:1440px) and (min-height:1000px){
  body.professional-visual-v223 .professional-shell{grid-template-columns:247px minmax(0,1fr)!important}
  body.professional-visual-v223 .professional-sidebar{width:247px!important;min-width:247px!important;padding-left:17px!important;padding-right:16px!important}
  body.professional-visual-v223 .professional-nav-item,
  body.professional-visual-v223 .client-sidebar-nav-item{height:51px!important;min-height:51px!important;padding-inline:10px!important}
  body.professional-visual-v223 .professional-sidebar-foot{left:40px!important;right:39px!important;bottom:34px!important}
  body.professional-visual-v223 .professional-mobile-bar{padding-left:31px!important;padding-right:21px!important;grid-template-columns:301px 361px minmax(0,1fr)!important;gap:25px!important}
  body.professional-visual-v223 .professional-global-search{width:361px!important}
  body.professional-visual-v223 .professional-main{padding:2px 21px 28px 31px!important}

  /* CLIENTES: hero 1149x137, quatro indicadores e painel lateral da referência. */
  body.professional-visual-v223 #professional-clients{padding-top:1px!important}
  body.professional-visual-v223 #professional-clients .v196-clients-hero{height:137px!important;min-height:137px!important;margin-bottom:20px!important;padding:14px 25px 14px 24px!important;grid-template-columns:150px minmax(0,1fr) 178px!important;gap:24px!important}
  body.professional-visual-v223 #professional-clients .v196-clients-hero::after{width:340px!important;height:137px!important;background-size:340px 137px!important}
  body.professional-visual-v223 #professional-clients .v196-clients-hero-emblem{width:104px!important;height:104px!important}
  body.professional-visual-v223 #professional-clients .v196-clients-hero-copy h3{font-size:24px!important}
  body.professional-visual-v223 #professional-clients .v196-gold-button{width:176px!important;min-width:176px!important;height:48px!important}
  body.professional-visual-v223 #professional-clients .v196-clients-metrics{gap:14px!important;margin-bottom:20px!important}
  body.professional-visual-v223 #professional-clients .v196-metric-card{height:130px!important;min-height:130px!important}
  body.professional-visual-v223 #professional-clients .v196-clients-workspace{grid-template-columns:minmax(0,1fr) 306px!important;gap:14px!important}
  body.professional-visual-v223 #professional-clients .v196-clients-toolbar{min-height:58px!important}
  body.professional-visual-v223 #professional-clients .v196-clients-table-head{min-height:46px!important}
  body.professional-visual-v223 #professional-clients .v196-client-row{min-height:67px!important}
  body.professional-visual-v223 #professional-clients .v196-clients-footer{min-height:54px!important}

  /* AGENDA: 1149x183, ações antes da faixa botânica e workspace 333 / 1fr / 298. */
  body.professional-visual-v223 #professional-agenda{padding-top:2px!important}
  body.professional-visual-v223 #professional-agenda .v197-agenda-hero{height:183px!important;min-height:183px!important;grid-template-columns:230px minmax(0,1fr) 150px!important;gap:22px!important;padding:18px 325px 18px 31px!important}
  body.professional-visual-v223 #professional-agenda .v197-agenda-hero::after{right:0!important;bottom:0!important;top:auto!important;width:330px!important;height:183px!important;opacity:.88!important;background:url('../img/hero-leaves-gold.png') right center/cover no-repeat!important}
  body.professional-visual-v223 #professional-agenda .v197-agenda-hero-emblem{width:182px!important;height:148px!important}
  body.professional-visual-v223 #professional-agenda .v197-agenda-hero-copy h3{font-size:29px!important}
  body.professional-visual-v223 #professional-agenda .v197-agenda-hero-copy p{font-size:12px!important;max-width:390px!important}
  body.professional-visual-v223 #professional-agenda .v197-agenda-hero-actions{width:150px!important;min-width:150px!important;justify-self:start!important;gap:10px!important}
  body.professional-visual-v223 #professional-agenda .v197-gold-button,
  body.professional-visual-v223 #professional-agenda .v197-outline-button{width:150px!important;min-height:35px!important;height:35px!important;padding:0 10px!important;font-size:10px!important}
  body.professional-visual-v223 #professional-agenda .v197-agenda-metrics{margin-top:19px!important;gap:14px!important}
  body.professional-visual-v223 #professional-agenda .v197-metric-card{height:126px!important;min-height:126px!important}
  body.professional-visual-v223 #professional-agenda .v197-agenda-workspace{grid-template-columns:333px minmax(0,1fr) 298px!important;gap:14px!important;margin-top:18px!important}
  body.professional-visual-v223 #professional-agenda .v197-agenda-day{min-height:555px!important}

  /* EVOLUÇÃO: referência usa 1141px de largura e hero 191px. */
  body.professional-visual-v223 #professional-evolution{width:calc(100% - 8px)!important;max-width:none!important;margin-left:-3px!important;padding-top:0!important;gap:14px!important}
  body.professional-visual-v223 #professional-evolution .v198-evolution-hero{height:191px!important;min-height:191px!important;grid-template-columns:142px minmax(0,1fr) 334px!important;padding:18px 28px!important;gap:24px!important}
  body.professional-visual-v223 #professional-evolution .v198-evolution-hero::after{right:-2px!important;bottom:-20px!important;width:315px!important;height:215px!important;opacity:.34!important;background:url('../img/clients-hero-leaves-v187.png') right center/contain no-repeat!important}
  body.professional-visual-v223 #professional-evolution .v198-hero-actions{grid-template-columns:1fr 1fr!important;gap:10px!important;align-items:center!important}
  body.professional-visual-v223 #professional-evolution .v198-gold-button,
  body.professional-visual-v223 #professional-evolution .v198-outline-button{width:100%!important;height:49px!important;padding:0 12px!important;font-size:10px!important}
  body.professional-visual-v223 #professional-evolution .v198-evolution-metrics{gap:15px!important}
  body.professional-visual-v223 #professional-evolution .v198-metric-card{height:127px!important;min-height:127px!important}
  body.professional-visual-v223 #professional-evolution .v198-evolution-workspace{grid-template-columns:248px minmax(0,1fr)!important;gap:15px!important}
  body.professional-visual-v223 #professional-evolution .v198-tip-card{min-height:190px!important}

  /* ATENDIMENTOS: largura total e proporções do hero/tabela da referência. */
  body.professional-visual-v223 #professional-attendances{width:calc(100% - 6px)!important;max-width:none!important;margin-left:-1px!important}
  body.professional-visual-v223 #professional-attendances .v199-attendance-hero{height:225px!important;min-height:225px!important;margin-bottom:17px!important}
  body.professional-visual-v223 #professional-attendances .v199-highlight-card,
  body.professional-visual-v223 #professional-attendances .v199-highlight-empty{grid-template-columns:196px minmax(0,1fr) 226px!important;padding:18px 43px 18px 38px!important;gap:23px!important}
  body.professional-visual-v223 #professional-attendances .v199-highlight-avatar{width:160px!important;height:160px!important}
  body.professional-visual-v223 #professional-attendances .v199-attendance-metrics{gap:15px!important;margin-bottom:15px!important}
  body.professional-visual-v223 #professional-attendances .v199-metric-card{height:130px!important;min-height:130px!important}
  body.professional-visual-v223 #professional-attendances .v199-attendance-table-card{min-height:483px!important}
}

/* Notebook: preservar composição, mas não espremer ações/inputs. */
@media (min-width:1024px) and (max-width:1439px){
  body.professional-visual-v223 #professional-evolution{width:100%!important;max-width:none!important;margin-left:0!important}
  body.professional-visual-v223 #professional-attendances{width:100%!important;margin-left:0!important}
}

/* Mobile: composição própria, uma única coluna e botões tocáveis. */
@media (max-width:720px){
  body.professional-visual-v223 #professional-clients,
  body.professional-visual-v223 #professional-agenda,
  body.professional-visual-v223 #professional-evolution,
  body.professional-visual-v223 #professional-attendances{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}

  body.professional-visual-v223 #professional-clients .v196-clients-hero,
  body.professional-visual-v223 #professional-agenda .v197-agenda-hero{border-radius:16px!important}

  body.professional-visual-v223 #professional-clients .v196-clients-metrics,
  body.professional-visual-v223 #professional-agenda .v197-agenda-metrics,
  body.professional-visual-v223 #professional-evolution .v198-evolution-metrics,
  body.professional-visual-v223 #professional-attendances .v199-attendance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}

  body.professional-visual-v223 #professional-clients .v196-metric-card,
  body.professional-visual-v223 #professional-agenda .v197-metric-card,
  body.professional-visual-v223 #professional-evolution .v198-metric-card,
  body.professional-visual-v223 #professional-attendances .v199-metric-card{min-width:0!important;height:auto!important;min-height:102px!important;padding:10px!important;grid-template-columns:38px minmax(0,1fr)!important;gap:8px!important}

  body.professional-visual-v223 #professional-clients .v196-spark,
  body.professional-visual-v223 #professional-agenda .v197-spark,
  body.professional-visual-v223 #professional-evolution .v198-spark,
  body.professional-visual-v223 #professional-attendances .v199-spark{grid-column:1/-1!important;width:42px!important;height:14px!important;justify-self:end!important;margin:0!important}

  body.professional-visual-v223 #professional-clients .v196-clients-workspace,
  body.professional-visual-v223 #professional-agenda .v197-agenda-workspace,
  body.professional-visual-v223 #professional-evolution .v198-evolution-workspace{grid-template-columns:1fr!important}

  body.professional-visual-v223 #professional-evolution .v198-evolution-hero{grid-template-columns:1fr!important;min-height:0!important;height:auto!important;padding:18px!important;text-align:center!important;justify-items:center!important}
  body.professional-visual-v223 #professional-evolution .v198-hero-facts{grid-template-columns:1fr 1fr!important;width:100%!important;text-align:left!important}
  body.professional-visual-v223 #professional-evolution .v198-hero-actions{grid-template-columns:1fr!important;width:100%!important}
  body.professional-visual-v223 #professional-evolution .v198-evolution-sidebar{order:2!important}

  body.professional-visual-v223 #professional-agenda .v197-agenda-hero-actions{width:100%!important;min-width:0!important;grid-template-columns:1fr!important}
  body.professional-visual-v223 #professional-agenda .v197-gold-button,
  body.professional-visual-v223 #professional-agenda .v197-outline-button{width:100%!important;min-height:42px!important;height:42px!important}

  body.professional-visual-v223 #professional-attendances .v199-highlight-card,
  body.professional-visual-v223 #professional-attendances .v199-highlight-empty{grid-template-columns:1fr!important;padding:22px 16px!important;gap:14px!important;text-align:center!important;justify-items:center!important}
  body.professional-visual-v223 #professional-attendances .v199-highlight-actions{width:100%!important}
}

@media (max-width:390px){
  body.professional-visual-v223 #professional-clients .v196-clients-metrics,
  body.professional-visual-v223 #professional-agenda .v197-agenda-metrics,
  body.professional-visual-v223 #professional-evolution .v198-evolution-metrics,
  body.professional-visual-v223 #professional-attendances .v199-attendance-metrics{gap:8px!important}
  body.professional-visual-v223 #professional-evolution .v198-hero-facts{grid-template-columns:1fr!important}
}