/* HookCloud Flow M4.16.3 — Meta no topo, ícone WhatsApp e rodapé fixo sem lockup no rodapé */
:root{--site-footer-space:76px}
body{padding-bottom:var(--site-footer-space)}
.page-shell{min-height:calc(100vh - var(--site-footer-space))}
.brand-lockup{display:flex;align-items:center;gap:12px;min-width:0;flex:0 1 auto}
.brand-partner-divider{width:1px;height:42px;background:var(--line);flex:0 0 auto}
.meta-partner-lockup{display:grid;place-items:center;min-width:112px}
.meta-partner-logo{display:block;width:clamp(112px,10vw,156px);height:auto;max-height:50px;object-fit:contain;background:transparent!important;filter:none!important}
.meta-partner-logo-dark{display:none}
html[data-theme="dark"] .meta-partner-logo-light{display:none}
html[data-theme="dark"] .meta-partner-logo-dark{display:block}
html[data-theme="dark"] .meta-partner-lockup{background:transparent!important}
.metric-icon-whatsapp{padding:5px;background:linear-gradient(145deg,rgba(38,210,88,.14),rgba(9,137,53,.08));border-color:color-mix(in srgb,#16a34a 35%,var(--line))}
.metric-icon-whatsapp img{display:block;width:38px;height:38px;object-fit:contain}
.number-card-summary-icon{overflow:hidden;padding:5px;background:linear-gradient(145deg,rgba(38,210,88,.14),rgba(9,137,53,.08));border-color:color-mix(in srgb,#16a34a 35%,var(--line))!important}
.number-card-summary-icon img{display:block;width:100%;height:100%;object-fit:contain}
.site-footer{
  position:fixed!important;left:0;right:0;bottom:0;z-index:35;
  width:100%!important;max-width:none!important;margin:0!important;
  min-height:64px;padding:9px clamp(16px,3.5vw,48px)!important;
  display:grid!important;grid-template-columns:minmax(230px,auto) minmax(0,1fr);
  align-items:center!important;gap:16px!important;
  border-top:1px solid color-mix(in srgb,var(--line) 86%,transparent)!important;
  background:color-mix(in srgb,var(--surface-strong) 94%,transparent)!important;
  box-shadow:0 -12px 34px color-mix(in srgb,#07111f 12%,transparent);
  backdrop-filter:blur(18px) saturate(145%);
}
.footer-brand,.footer-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted)}
.footer-brand{min-width:0}.footer-brand img{width:28px;height:28px;object-fit:contain}.footer-brand span{white-space:normal}
.footer-meta a{color:var(--primary);font-weight:800;text-decoration:none}.footer-meta a:hover{text-decoration:underline}
.footer-meta{justify-content:flex-end;min-width:0}
.footer-meta>*{white-space:nowrap}
.account-email-page .site-footer{font-size:12px}
@media(max-width:1080px){
  .brand-context{display:none}
  .site-footer{grid-template-columns:minmax(210px,1fr) minmax(0,1fr)}.footer-meta{justify-content:flex-end}
}
@media(max-width:760px){
  :root{--site-footer-space:96px}
  .brand-lockup{gap:7px}.brand-partner-divider{height:34px}.meta-partner-lockup{min-width:82px}.meta-partner-logo{width:94px;max-height:34px}
  .site-footer{min-height:78px;grid-template-columns:1fr;padding:8px 12px!important;gap:5px!important}
  .footer-brand{font-size:10px;justify-content:center}.footer-brand img{width:24px!important;height:24px!important}
  .footer-meta{justify-content:center;gap:6px 9px!important;font-size:9px}.footer-meta>span:first-child{display:none}.footer-version{padding:2px 6px}
}
@media(max-width:480px){
  .meta-partner-lockup{display:none}.brand-partner-divider{display:none}
  .site-footer{grid-template-columns:1fr}.footer-brand span{max-width:240px}.footer-meta a{font-size:9px}
}
/* Reserva o rodapé fixo dentro da experiência de chat. */
.community-layout{height:clamp(560px,calc(100dvh - 190px - var(--site-footer-space)),820px)}
@media(max-width:780px){.community-layout{height:auto}.community-chat-panel{height:clamp(520px,calc(100dvh - var(--site-footer-space) - 86px),720px);min-height:520px}}
/* Reserva visual do rodapé fixo nas telas com chat. */
@media(min-width:761px){.community-layout{height:clamp(560px,calc(100dvh - 190px - var(--site-footer-space)),820px)}}
@media(max-width:760px){.community-chat-panel{height:clamp(520px,calc(100dvh - 150px - var(--site-footer-space)),720px);min-height:520px}}
