.site-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
  text-align: center;
  font-size: 12px;
  line-height: 1.5;
  color: rgba(100, 116, 139, 0.9);
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(8px);
  border-top: 1px solid rgba(226, 232, 240, 0.9);
  pointer-events: none;
}

.site-footer a {
  color: inherit;
  text-decoration: none;
  pointer-events: auto;
}

.site-footer a:hover {
  color: #2563eb;
  text-decoration: underline;
}

body {
  padding-bottom: calc(36px + env(safe-area-inset-bottom, 0px));
}

body:has(.login-page) .site-footer {
  color: rgba(255, 255, 255, 0.72);
  background: rgba(15, 23, 42, 0.38);
  border-top-color: rgba(255, 255, 255, 0.12);
}

body:has(.login-page) .site-footer a:hover {
  color: #fff;
}