/*
 * promptpay-qr.css — per-tool styles: recipient-type radio row and a larger,
 * centred QR render box. Design tokens only.
 */

/* Recipient-type radios — inline row, wraps on narrow screens. */
.pp-radio-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
}
.pp-radio {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  cursor: pointer;
  font: 500 14px/1.4 var(--font-sans);
  color: var(--text-primary);
}
.pp-radio input {
  flex: none;
  width: 16px;
  height: 16px;
  accent-color: var(--blue-600);
  cursor: pointer;
}
.pp-types { border: 0; padding: 0; margin: 0 0 var(--space-4); }

/* QR render box — larger and centred within the output column. */
.pp-render {
  width: 240px;
  height: 240px;
  margin: var(--space-2) auto 0;
}