/* Location QR Code Generator (tools.d/location-qr.cjs). Every rule under #visu-tools.vt-location-qr, the id and the
 * class of the page root (render.cjs). Borders: 1px hairline. */
#visu-tools.vt-location-qr .vt-loc-fields { display: grid; gap: 14px; }
#visu-tools.vt-location-qr #vt-loc-found { margin-top: -6px; overflow-wrap: anywhere; }
/* tools.css resets the margin of .vt-seg with !important, hence the flag here. */
#visu-tools.vt-location-qr .vt-loc-seg { margin-top: 22px !important; }
#visu-tools.vt-location-qr #vt-loc-format-note { margin-top: 10px; }
#visu-tools.vt-location-qr .vt-error { margin-top: 14px; }
#visu-tools.vt-location-qr .vt-loc-foot { display: grid; gap: 6px; justify-items: start; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--vt-line); }
#visu-tools.vt-location-qr .vt-loc-link { min-height: 0; max-height: 132px; overflow: auto; overflow-wrap: anywhere; }
#visu-tools.vt-location-qr .vt-loc-link .vt-muted { font-family: Inter, "Inter Fallback", system-ui, -apple-system, "Segoe UI", sans-serif; word-break: normal; }
/* The copy button and the test link sit side by side: same type on both (one is a <button>, the other an <a>). */
#visu-tools.vt-location-qr .vt-actions .vt-link-btn { font-family: inherit; font-size: 14.5px; font-weight: 600; line-height: 1.4; text-decoration: underline;
  text-decoration-color: rgba(6, 112, 166, .35); text-underline-offset: 3px; }
#visu-tools.vt-location-qr a.vt-link-btn { display: inline-block; }
#visu-tools.vt-location-qr a.vt-link-btn.vt-off { pointer-events: none; }
#visu-tools.vt-location-qr .vt-loc-dyn .vt-btn { justify-self: start; }
#visu-tools.vt-location-qr .vt-loc-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 22px 28px; align-items: start; margin-top: 20px; }
#visu-tools.vt-location-qr .vt-loc-card-in, #visu-tools.vt-location-qr .vt-loc-card-out { display: grid; gap: 14px; min-width: 0; }
#visu-tools.vt-location-qr .vt-loc-card .vt-pk-sheet { margin-top: 4px; }
#visu-tools.vt-location-qr .vt-loc-docs { padding-top: 44px; padding-bottom: 8px; display: grid; gap: 14px; }
#visu-tools.vt-location-qr .vt-loc-docs > p { max-width: 78ch; }
#visu-tools.vt-location-qr .vt-loc-forms { list-style: none; padding: 0; margin: 4px 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
#visu-tools.vt-location-qr .vt-loc-forms li { display: grid; gap: 10px; align-content: start; padding: 18px; border-radius: 14px; border: 1px solid var(--vt-line); background: var(--vt-surface); min-width: 0; }
#visu-tools.vt-location-qr .vt-loc-forms h3 { font-size: 17px !important; font-weight: 700 !important; margin: 0 !important; }
#visu-tools.vt-location-qr .vt-loc-forms code { display: block; padding: 8px 10px; border-radius: 10px; background: var(--vt-bg); font: 13px/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--vt-ink); overflow-wrap: anywhere; }
#visu-tools.vt-location-qr .vt-loc-forms p { font-size: 14.5px; line-height: 1.55; margin: 0; }
html.vt-embed #visu-tools.vt-location-qr .vt-loc-docs { display: none; }
@media (max-width: 860px) {
  #visu-tools.vt-location-qr .vt-loc-card, #visu-tools.vt-location-qr .vt-loc-forms { grid-template-columns: minmax(0, 1fr); }
  #visu-tools.vt-location-qr .vt-seg-items:has(input[name="vt-loc-format"]) { flex-wrap: wrap; overflow-x: visible; margin: 0; padding: 0; }
}