/* Stable image hover previews: bounded, non-interactive, always above admin modals. */
#imageHoverPreview,
.image-hover-preview,
.useful-topic-image-preview,
.transfer-image-preview,
[data-image-hover-preview] {
  position: fixed !important;
  z-index: 2147483647 !important;
  width: 320px !important;
  max-width: min(320px, calc(100vw - 24px)) !important;
  max-height: 300px !important;
  padding: 8px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid #cddbd5 !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.28) !important;
  pointer-events: none !important;
  isolation: isolate !important;
}

#imageHoverPreview img,
.image-hover-preview img,
.useful-topic-image-preview img,
.transfer-image-preview img,
[data-image-hover-preview] img {
  display: block !important;
  width: 100% !important;
  height: 220px !important;
  max-width: 100% !important;
  max-height: 220px !important;
  object-fit: contain !important;
  border-radius: 9px !important;
  background: #eef3f1 !important;
}

#imageHoverPreview span,
.image-hover-preview span,
.useful-topic-image-preview-path,
.transfer-image-preview-path {
  display: block !important;
  margin-top: 6px !important;
  max-height: 34px !important;
  overflow: hidden !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  color: #43564f !important;
  overflow-wrap: anywhere !important;
}

#imageHoverPreview:not(.show),
.image-hover-preview:not(.show),
.useful-topic-image-preview:not(.show),
.transfer-image-preview:not(.show) {
  visibility: hidden !important;
  opacity: 0 !important;
}

#imageHoverPreview.show,
.image-hover-preview.show,
.useful-topic-image-preview.show,
.transfer-image-preview.show {
  visibility: visible !important;
  opacity: 1 !important;
}

@media (max-width: 700px) {
  #imageHoverPreview,
  .image-hover-preview,
  .useful-topic-image-preview,
  .transfer-image-preview,
  [data-image-hover-preview] {
    display: none !important;
  }
}
