/* V1.125 — artifact and landmark detail popovers are complete keyboard sessions. */
.artifact-preview-popover[data-preview-mode="keyboard"],
.artifact-preview-popover[data-preview-mode="pinned"] {
  pointer-events: auto;
  overflow: auto;
  overscroll-behavior: contain;
  border-color: rgba(141, 231, 255, 0.82);
  box-shadow:
    inset 0 0 26px rgba(130, 232, 255, 0.13),
    0 22px 64px rgba(0, 0, 0, 0.54),
    0 0 34px rgba(92, 213, 255, 0.22);
}

.artifact-preview-popover[data-preview-mode="keyboard"] {
  outline: 2px solid rgba(148, 235, 255, 0.54);
  outline-offset: 3px;
}

.artifact-preview-close {
  position: absolute;
  z-index: 5;
  top: 14px;
  right: 14px;
  min-width: 48px;
  min-height: 30px;
  padding: 5px 9px;
  border: 1px solid rgba(215, 244, 255, 0.36);
  border-radius: 999px;
  color: #edfaff;
  background: rgba(5, 13, 21, 0.82);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 4px 12px rgba(0, 0, 0, 0.34);
  font: 800 11px/1 system-ui, "Microsoft YaHei", sans-serif;
  cursor: pointer;
}

.artifact-preview-popover[data-preview-mode="hover"] .artifact-preview-close {
  opacity: 0;
  pointer-events: none;
}

.artifact-preview-close:is(:hover, :focus-visible) {
  outline: 2px solid #9beaff;
  outline-offset: 2px;
  border-color: #a9efff;
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 0 18px rgba(107, 222, 255, 0.34);
}

.artifact-preview-popover[data-preview-mode="keyboard"] .artifact-preview-action:focus-visible {
  outline: 2px solid #b5f5ff;
  outline-offset: 3px;
}

body.auxiliary-use-submission-pending .artifact-preview-close[data-auxiliary-use-locked="true"] {
  opacity: 0.38;
  cursor: progress;
}

.artifact-preview-anchor[aria-expanded="true"] {
  outline-color: rgba(142, 232, 255, 0.74);
}

@media (max-width: 720px) {
  .artifact-preview-popover[data-preview-mode="keyboard"],
  .artifact-preview-popover[data-preview-mode="pinned"] {
    max-height: min(78vh, 620px);
    padding-top: 12px;
  }

  .artifact-preview-close {
    top: 10px;
    right: 10px;
    min-width: 44px;
    min-height: 34px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .artifact-preview-popover[data-preview-mode="keyboard"],
  .artifact-preview-popover[data-preview-mode="pinned"],
  .artifact-preview-close {
    transition: none !important;
    animation: none !important;
  }
}

@media (forced-colors: active) {
  .artifact-preview-popover[data-preview-mode="keyboard"],
  .artifact-preview-popover[data-preview-mode="pinned"],
  .artifact-preview-close:is(:hover, :focus-visible) {
    border: 2px solid Highlight;
    outline: 2px solid Highlight;
    box-shadow: none;
  }
}