/* Matches src/components/Footer.module.css (main app) */
.appFooter {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--app-footer-height, 44px);
  padding: 0.45rem 1.25rem calc(0.35rem + env(safe-area-inset-bottom, 0px));
  text-align: center;
  font-size: 0.75rem;
  color: var(--agent-text-subtle, #808080);
  border-top: 1px solid color-mix(in srgb, var(--agent-c2, #3d3d3d) 22%, transparent);
  background: color-mix(in srgb, var(--agent-c3, #1a1a1a) 92%, var(--agent-c2, #3d3d3d));
  backdrop-filter: blur(8px);
}