/* The service sheet is one surface; the glass sees its photograph and type. */
.inspection-enabled { --lens-size: 170px; }
.inspection-enabled .caption-detail {
  display: inline-flex; align-items: center; gap: 7px; margin-left: auto;
  min-height: 32px; padding: 4px 0; background: transparent; color: inherit;
  border-bottom: 1px solid #ece8da70; font-size: 10px; letter-spacing: .6px;
  white-space: nowrap;
}
.inspection-enabled .caption-detail svg { width: 14px; height: 14px; flex: none; }
.inspection-enabled .caption-detail:disabled { opacity: .46; }
.inspection-lens-composite {
  position: absolute; left: 0; top: 0; width: var(--lens-size); height: var(--lens-size);
  box-sizing: border-box; border-radius: 50%; border: 1px solid #ece8d8;
  outline: 1px solid #434c40; overflow: hidden; isolation: isolate;
  z-index: 10; pointer-events: none; user-select: none;
  opacity: 1; transition: none;
  transform: translate3d(var(--lens-x, -220px), var(--lens-y, -220px), 0);
  background: #e4dccd;
  box-shadow: 0 2px 0 #fff9e3 inset, 0 3px 0 #48503d99, 0 8px 20px #1820153d;
}
.inspection-lens-composite[hidden], .inspection-grip[hidden] { display: none !important; }
.inspection-lens-composite::before {
  content: ''; position: absolute; inset: 5px; z-index: 3; border: 1px solid #f6f0df85;
  border-radius: 50%; box-shadow: 0 0 0 1px #3640332b; pointer-events: none;
}
.inspection-lens-composite::after {
  content: ''; position: absolute; inset: 0; z-index: 4; pointer-events: none;
  background: linear-gradient(135deg, #fffdf71f 0%, transparent 34%, transparent 76%, #202a2012);
  border-radius: inherit;
}
.inspection-lens-scene {
  position: absolute; left: 0; top: 0; transform-origin: 0 0;
  pointer-events: none; user-select: none; overflow: hidden; z-index: 0;
}
.inspection-lens-scene * { pointer-events: none !important; user-select: none !important; }
.inspection-copy-photo { display: block; max-width: none; }
.inspection-enabled[data-image-state="loading"] .inspection-lens-composite,
.inspection-enabled[data-image-state="error"] .inspection-lens-composite,
.inspection-enabled.is-switching .inspection-lens-composite,
.inspection-enabled[data-image-state="loading"] .inspection-grip,
.inspection-enabled[data-image-state="error"] .inspection-grip,
.inspection-enabled.is-switching .inspection-grip { display: none !important; }
.inspection-grip {
  position: absolute; width: 44px; height: 44px; z-index: 11; display: block;
  padding: 0; border: 0; border-radius: 50%; background: transparent;
  touch-action: none; user-select: none; -webkit-user-select: none;
}
.inspection-grip::before {
  content: ''; position: absolute; left: 6px; top: 18px; width: 30px; height: 10px;
  border: 1px solid #5c6455; border-radius: 2px 5px 5px 2px; transform: rotate(-27deg);
  background: repeating-linear-gradient(90deg, #59614f 0 2px, #89927b 2px 3px, #626b56 3px 5px);
  box-shadow: 0 1px 0 #e9e6d199 inset, 0 3px 4px #17201944;
}
.inspection-grip::after {
  content: ''; position: absolute; left: 30px; top: 13px; width: 7px; height: 7px;
  border: 1px solid #5a6550; border-radius: 50%;
  background: radial-gradient(circle at 35% 25%, #eee9d9, #9aa087 48%, #65715a);
}
.workshop-motion .inspection-grip { cursor: grab; }
.workshop-motion .inspection-grip.is-dragging { cursor: grabbing; }
.inspection-grip:focus-visible { outline: 2px solid #eef1da; outline-offset: 1px; box-shadow: 0 0 0 3px #48563b; }
@media (max-width: 800px) {
  .workshop-motion .inspection-enabled { --lens-size: 145px; }
  .inspection-enabled .caption-detail { font-size: 9px; }
}
@media (max-width: 540px) {
  .workshop-motion .inspection-enabled { --lens-size: 130px; }
  .inspection-enabled .caption-detail { min-height: 34px; }
}
@media (max-width: 360px) { .inspection-enabled .caption-detail { font-size: 8px; } }
@media (forced-colors: active) {
  .inspection-lens-composite { border: 2px solid CanvasText; outline: 1px solid Canvas; }
  .inspection-grip::before { background: ButtonFace; border-color: ButtonText; }
  .inspection-grip::after { background: ButtonFace; border-color: ButtonText; }
}