/* Stock Header Styles */
.stock-logo {
  display: block !important;
  width: 64px;
  height: 64px;
  object-fit: contain;
  flex: 0 0 auto;
  border-radius: 12px !important;
  background-color: #e0f4eab0 !important;
  padding: 2px !important;
  transition: opacity 0.25s ease-in-out;
  opacity: 0.9;
  /* Ensure the image itself has proper rendering */
  image-rendering: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.stock-logo.loaded {
  opacity: 1;
}

.stock-logo.fallback {
  filter: grayscale(0.2);
  opacity: 0.8;
}

/* Wrapper for stock logo to prevent CSS conflicts */
.stock-logo-wrapper {
  /* Reset any inherited styles that might interfere */
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  /* Allow the logo to render at its natural size */
  width: fit-content !important;
  height: fit-content !important;
  /* Prevent flex container from affecting logo rendering */
  flex-shrink: 0;
}