/* Production rebrand compatibility layer. */
img[src*="/brand-logo.svg?v=mydataninja.cloud"] {
  width: auto !important;
  min-width: 112px;
  max-width: min(220px, 42vw) !important;
  height: auto !important;
  max-height: 64px !important;
  object-fit: contain !important;
}
:focus-visible {
  outline: 3px solid color-mix(in srgb, currentColor 70%, transparent);
  outline-offset: 3px;
}
@media (max-width: 640px) {
  img[src*="/brand-logo.svg?v=mydataninja.cloud"] {
    min-width: 96px;
    max-width: 150px !important;
  }
}

a[aria-label="Logo"] svg { display: none !important; }
a[aria-label="Logo"]::before {
  content: "";
  display: block;
  width: 190px;
  height: 44px;
  background: url('/brand-logo.svg?v=mydataninja.cloud') left center / contain no-repeat;
}