.metabase-logo-replace,
svg[data-testid="main-logo"],
svg[data-testid="logo"],
a[aria-label="Metabase"] svg,
a[data-testid="main-logo-link"] svg {
  width: 200px !important;
  height: 96px !important;
  background: url("/branding/metabase-logo.png") no-repeat center / contain !important;
}

.metabase-logo-replace path,
svg[data-testid="main-logo"] path,
svg[data-testid="logo"] path,
a[aria-label="Metabase"] svg path,
a[data-testid="main-logo-link"] svg path {
  display: none !important;
}

[data-testid="login-page"] div[role="heading"] {
  position: relative;
  color: transparent !important;
}

[data-testid="login-page"] div[role="heading"]::after {
  content: "Sign in to Axis Data";
  color: var(--mantine-color-text-dark-text, #1f2937);
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
}

/* Sidebar logo */
aside svg[data-testid="main-logo"],
aside svg[data-testid="logo"],
aside a[aria-label="Metabase"] svg,
aside a[data-testid="main-logo-link"] svg {
  width: 140px !important;
  height: 56px !important;
  background: url("/branding/metabase-logo.png") no-repeat center / contain !important;
}

a[data-testid="main-logo-link"] {
  display: block !important;
  width: 140px !important;
  height: 56px !important;
  background: url("/branding/metabase-logo.png") no-repeat center / contain !important;
}

a[data-testid="main-logo-link"] svg {
  opacity: 0 !important;
}