.supplier-preview-link { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 32px; min-height: 30px; padding: 4px 7px; border: 1px solid #b9d7ff; border-radius: 6px; background: #f2f8ff; color: #2780ed; text-decoration: none; cursor: pointer; }
.supplier-preview-link svg { flex: 0 0 18px; }
.supplier-preview-link:hover, .supplier-preview-link:focus-visible { background: #328bfa; border-color: #328bfa; color: #fff; outline: 2px solid #b4d5ff; outline-offset: 2px; }
.supplier-preview-link[aria-disabled="true"] { opacity: .5; cursor: default; }
.supplier-link-preview { position: fixed; inset: auto; z-index: 100000; box-sizing: border-box; width: min(240px, calc(100vw - 20px)); margin: 0; padding: 12px; border: 1px solid #e1e7f1; border-radius: 12px; background: #fff; color: #263749; box-shadow: 0 10px 32px #233c6330; pointer-events: none; text-align: center; font-family: inherit; }
.supplier-link-preview[hidden] { display: none !important; }
.supplier-link-preview::backdrop { background: transparent; pointer-events: none; }
.supplier-preview-caption { display: block; margin-bottom: 5px; font-size: 13px; color: #718093; }
.supplier-link-preview > strong { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 8px; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
.supplier-preview-stage { display: grid; place-items: center; height: min(200px, 35vh); border-radius: 6px; overflow: hidden; background: #fff; color: #8190a0; font-size: 13px; }
.supplier-preview-stage img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; }
.supplier-preview-stage img[hidden], .supplier-preview-stage span[hidden] { display: none; }
.supplier-link-preview > small { display: block; margin-top: 8px; color: #8190a0; font-size: 12px; }