/* V087.87.159 — Painel do Fitoterapeuta usando o Painel do Cliente V240 como fonte visual 1:1.
   Esta camada só faz mapeamento estrutural entre hooks profissionais e classes visuais do Cliente. */
body[data-app-surface="professional"]{--professional-client-source:"CLIENTE_V240_1TO1";}
body[data-app-surface="professional"] .professional-client-1to1-v159{min-height:100dvh;}
body[data-app-surface="professional"] .professional-nav-backdrop{z-index:77;}
body[data-app-surface="professional"] .professional-sidebar{z-index:78;}
body[data-app-surface="professional"] .professional-nav.client-sidebar-navigation{overflow:auto;}
body[data-app-surface="professional"] .professional-nav.client-sidebar-navigation .client-sidebar-nav-item{width:100%;}
body[data-app-surface="professional"] .professional-nav.client-sidebar-navigation .client-sidebar-nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
body[data-app-surface="professional"] .professional-sidebar-foot.client-sidebar-footer{margin-top:auto;}
body[data-app-surface="professional"] .professional-main.system-workspace{min-width:0;}
body[data-app-surface="professional"] .professional-context-header-v0878776{border-radius:18px;}
body[data-app-surface="professional"] .professional-section{min-width:0;}
/* Profissional mantém conteúdo próprio, mas recebe a mesma superfície, ritmo e borda do cliente. */
body[data-app-surface="professional"] .professional-section :is(.panel-card,.surface,.surface-soft,.overview-v08723-card,.agenda-card,.clients26-card,.evolution27-card,.attendances28-card,.records32-card,.consents33-card,.finance34-card,.copilot35-card,.reports36-card,.settings37-card){border-radius:18px;}
/* Mesmo padrão de botões do painel do cliente. */
body[data-app-surface="professional"] .professional-section :is(button,.btn,[role="button"]){-webkit-tap-highlight-color:transparent;touch-action:manipulation;}
body[data-app-surface="professional"] .professional-section :is(button,.btn):focus-visible{outline:2px solid rgba(56,113,91,.55)!important;outline-offset:2px!important;}
/* Reproduz a saída da conta V240 no profissional. */
body[data-app-surface="professional"].version-v08787240 .professional-sidebar-foot .v173-menu-logout{color:#f8fffc!important;-webkit-text-fill-color:#f8fffc!important;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.09))!important;border:1px solid rgba(255,255,255,.34)!important;font-weight:800!important;opacity:1!important;}
@media(max-width:700px){body[data-app-surface="professional"] .professional-section :is(button,.btn){min-height:42px;}}
/* Fechamento estrutural: mesma composição autenticada do Cliente V240. */
body[data-app-surface="professional"] .professional-main.system-main{position:relative;min-width:0;}
body[data-app-surface="professional"] [data-professional-context-header][hidden]{display:none!important;}
body[data-app-surface="professional"] .professional-section.system-client-section{width:100%;max-width:none;}
body[data-app-surface="professional"] .v173-menu-group>.client-sidebar-nav-item{margin:0;}
/* Normalização das áreas profissionais usando exatamente os tokens do Cliente V240. */
body[data-app-surface="professional"] .professional-main.system-main{
  color:var(--color-ink);font-family:var(--ds-font-family);
}
body[data-app-surface="professional"] .professional-section.system-client-section>.system-section-header{
  margin:0 0 18px;padding:clamp(20px,2.7vw,30px);border:var(--ds-border-standard);border-radius:var(--ds-radius-panel);
  background:linear-gradient(145deg,rgba(255,253,248,.96),rgba(247,241,232,.88));box-shadow:var(--ds-shadow-card);
}
body[data-app-surface="professional"] .professional-section.system-client-section .professional-panel{
  border:var(--ds-border-standard)!important;border-radius:var(--ds-radius-panel)!important;
  background:rgba(255,253,248,.94)!important;box-shadow:var(--ds-shadow-card)!important;color:var(--color-ink)!important;
}
body[data-app-surface="professional"] .professional-section.system-client-section :is(input,select,textarea){
  border:var(--ds-border-standard)!important;border-radius:var(--ds-radius-control)!important;background:var(--ds-color-surface-primary)!important;color:var(--color-ink)!important;
}
body[data-app-surface="professional"] .professional-section.system-client-section :is(input,select,textarea):focus{
  border-color:var(--ds-color-border-focus)!important;box-shadow:var(--ds-shadow-focus)!important;outline:none!important;
}
body[data-app-surface="professional"] .professional-section.system-client-section :is(h1,h2,h3,h4,strong){color:var(--color-ink-strong);}
body[data-app-surface="professional"] .professional-section.system-client-section :is(p,small,span,label,dt,dd){text-wrap:pretty;}
body[data-app-surface="professional"] .professional-section.system-client-section table{border-collapse:separate;border-spacing:0;width:100%;}
body[data-app-surface="professional"] .professional-section.system-client-section :is(dialog,[role="dialog"]){border:var(--ds-border-standard);border-radius:var(--ds-radius-panel);background:var(--ds-color-surface-primary);box-shadow:var(--ds-shadow-overlay);}
@media(max-width:980px){
 body[data-app-surface="professional"] .professional-section.system-client-section>.system-section-header{grid-template-columns:1fr;}
}

/* V159 cleanup: legacy visual skins removed; these rules keep only structural hooks required by professional navigation. */
body[data-app-surface="professional"] .professional-nav-icon{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px;color:currentColor;}
body[data-app-surface="professional"] .professional-nav-icon-svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
body[data-app-surface="professional"] .professional-nav-icon-accent{stroke:currentColor;}
body[data-app-surface="professional"] .professional-mobile-menu-icon{display:grid;gap:4px;width:18px;}
body[data-app-surface="professional"] .professional-mobile-menu-icon i{display:block;width:18px;height:2px;border-radius:999px;background:currentColor;}
body[data-app-surface="professional"] .professional-nav-backdrop{position:fixed;inset:0;border:0;background:rgba(8,33,36,.38);backdrop-filter:blur(2px);}
body[data-app-surface="professional"] .professional-nav-backdrop[hidden]{display:none!important;}