/* GabriConta · Barra inferior com movimento líquido / 11.11.2026.
   Cores e ícones SVG originais preservados: a animação é só uma camada de
   apresentação, sem alterar os cliques, a navegação, os rótulos ou os dados. */
.mobile-nav .gc-liquid-wave,
.mobile-nav .gc-liquid-orb{display:none;pointer-events:none}
@media (max-width:700px){
  html[data-theme="cream"] .mobile-nav.gc-liquid-ready{
    position:fixed!important;
    isolation:isolate!important;
    overflow:visible!important;
    --gc-liquid-surface:#fffdf8;
    --gc-liquid-active:#153d2f;
  }
  html[data-theme="cream"] body:has(#transactions.active-view) .mobile-nav.gc-liquid-ready{
    --gc-liquid-active:#14543e;
  }
  html[data-theme="cream"] .mobile-nav.gc-liquid-ready .gc-liquid-wave{
    display:block!important;
    position:absolute!important;top:-12px!important;left:0!important;
    width:100%!important;height:32px!important;
    overflow:hidden!important;z-index:0!important;
    pointer-events:none!important;filter:none!important;
  }
  html[data-theme="cream"] .mobile-nav.gc-liquid-ready .gc-liquid-wave path{
    fill:var(--gc-liquid-surface,#fffdf8)!important;
  }
  html[data-theme="cream"] .mobile-nav.gc-liquid-ready .gc-liquid-orb{
    display:block!important;position:absolute!important;
    left:0!important;top:0!important;
    border-radius:50%!important;
    background:var(--gc-liquid-active,#153d2f)!important;
    border:0!important;
    box-sizing:border-box!important;
    box-shadow:0 3px 10px #103e2d1b!important;
    pointer-events:none!important;
    z-index:1!important;
    will-change:transform;
    transition:transform 460ms cubic-bezier(.22,.88,.24,1),
      background-color 220ms ease!important;
  }
  html[data-theme="cream"] .mobile-nav.gc-liquid-ready .mobile-nav-item{
    position:relative!important;z-index:2!important;
    overflow:visible!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  html[data-theme="cream"] .mobile-nav.gc-liquid-ready .mobile-nav-item .nav-orb{
    position:relative!important;z-index:3!important;
    transition:transform 420ms cubic-bezier(.22,.88,.24,1),
      color 210ms ease!important;
    will-change:transform;
  }
  html[data-theme="cream"] .mobile-nav.gc-liquid-ready .mobile-nav-item.active .nav-orb{
    transform:translateY(-4px) scale(1)!important;
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
  }
  html[data-theme="cream"] .mobile-nav.gc-liquid-ready .mobile-nav-item .nav-orb svg{
    position:relative!important;z-index:3!important;
  }
  html[data-theme="cream"] .mobile-nav.gc-liquid-ready .mobile-nav-item .nav-label{
    transition:color 280ms ease,opacity 280ms ease!important;
  }
  html[data-theme="cream"] .mobile-nav.gc-liquid-ready.gc-liquid-first-paint .gc-liquid-orb,
  html[data-theme="cream"] .mobile-nav.gc-liquid-ready.gc-liquid-first-paint .mobile-nav-item .nav-orb{
    transition:none!important;
  }
  html[data-theme="cream"] .mobile-nav.gc-liquid-ready .mobile-nav-item:focus-visible{
    outline:2px solid var(--gc-liquid-active,#155c4d)!important;
    outline-offset:-3px!important;
    border-radius:18px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html[data-theme="cream"] .mobile-nav.gc-liquid-ready .gc-liquid-orb,
  html[data-theme="cream"] .mobile-nav.gc-liquid-ready .mobile-nav-item .nav-orb,
  html[data-theme="cream"] .mobile-nav.gc-liquid-ready .mobile-nav-item .nav-label{
    transition:none!important;
    animation:none!important;
  }
}