/* AR image target dialog (2026-10-20) — see js/ar-target-admin.js. Reuses the shared dialog
   classes from css/vv-dialogs.css and the page tokens. */
body.no-library #model-detail-ar { display: none !important; }
#model-detail-ar { flex: 0 0 auto; margin-left: auto; }
#model-detail-ar + #model-detail-qr { margin-left: 8px; }
body.no-library #model-detail-ar + #model-detail-qr { margin-left: auto; }
.vv-ar-card { width: min(520px, 100%); }
.vv-ar-explain { margin: 0 0 8px; opacity: .85; font-size: calc(13px * var(--vv-text-scale, 1)); }
.vv-ar-status { margin: 0 0 10px; font-weight: 600; }
.vv-ar-field { display: flex; flex-direction: column; gap: 4px; margin-bottom: 10px; font-size: calc(13px * var(--vv-text-scale, 1)); }
.vv-ar-advice p { margin: 0 0 6px; font-size: calc(12px * var(--vv-text-scale, 1)); color: #d29922; }

/* One printed sheet: picture + AR QR (2026-10-26) */
.vv-ar-check { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 10px; cursor: pointer; font-size: calc(13px * var(--vv-text-scale, 1)); }
.vv-ar-check input { flex: 0 0 auto; width: 18px; height: 18px; margin: 1px 0 0; }
.vv-ar-check input:focus { outline: 2px solid var(--accent-l, #a78bfa); outline-offset: 2px; }
.vv-ar-check[hidden], .vv-ar-preview[hidden], .vv-ar-sheet-done[hidden] { display: none; }
.vv-ar-preview { margin: 0 0 10px; text-align: center; }
.vv-ar-preview canvas { max-width: 100%; max-height: 240px; width: auto; height: auto; border: 1px solid var(--border); border-radius: 6px; background: #fff; }
.vv-ar-sheet-done { margin: 0 0 10px; padding: 10px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface); }
.vv-ar-sheet-done:focus-within { border-color: var(--accent-l, #a78bfa); }
.vv-ar-sheet-note { margin: 0 0 8px; font-size: calc(13px * var(--vv-text-scale, 1)); }
.vv-ar-sheet-row { display: flex; flex-wrap: wrap; gap: 8px; }

/* Printing the sheet reuses .vv-qrsheet-print from css/model-qr.css (the only thing @media print shows). */
@media print {
  .vv-arsheet-canvas { display: block; max-width: 100%; height: auto; margin: 0 auto; }
  .vv-arsheet-cap { margin: 4mm 0 0; font-size: 9pt; color: #333; text-align: center; }
}