/* Shared legal footer for dashboard pages. Uses design tokens only. */

.app-legal-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  padding: var(--space-4) var(--space-3);
  margin-top: auto;
  border-top: 1px solid var(--color-border);
  font-size: var(--font-size-xs);
  color: var(--color-text-3);
  opacity: 0.85;
}

.app-legal-footer a {
  color: inherit;
  text-decoration: none;
}

.app-legal-footer a:hover {
  color: var(--color-primary);
  text-decoration: underline;
}

.app-legal-sep {
  opacity: 0.45;
  user-select: none;
}