.qr-panel {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 22px;
  padding-top: 22px;
  border-top: 1px solid #e4e7ef;
}
.form-card > .qr-panel { margin: 22px; }
.form-card > .qr-link { display: block; margin: 0 22px; }
.qr-preview {
  width: 176px;
  height: 176px;
  flex: 0 0 176px;
  overflow: hidden;
  border-radius: 10px;
  background: #fff;
}
.qr-preview svg { display: block; width: 100%; height: 100%; }
.qr-details { min-width: 0; }
.qr-details h2 { margin: 0 0 8px; font-size: 18px; line-height: 1.3; }
.qr-details p { margin: 0 0 12px; font-size: 13px; line-height: 1.5; }
.qr-size { display: block; margin: 0 0 16px; font-size: 12px; color: #687084; }
.qr-downloads { display: flex; flex-wrap: wrap; gap: 8px; }
.qr-downloads .button { padding: 10px 14px; font-size: 13px; }
.qr-status { margin-top: 10px !important; min-height: 20px; color: #687084; }
.qr-status:empty { margin: 0 !important; min-height: 0; }
.qr-panel.is-error .qr-status { color: #ca3d4f; }
.qr-link { overflow-wrap: anywhere; font-size: 14px; line-height: 1.6; }
.qr-table-action { display: inline-flex; white-space: nowrap; margin-left: 8px; }
html[data-theme="dark"] .qr-panel { border-color: #303746; }
html[data-theme="dark"] .qr-size,
html[data-theme="dark"] .qr-status { color: #a3aec1; }
@media (max-width: 520px) {
  .qr-panel { flex-direction: column; gap: 18px; text-align: center; }
  .qr-preview { width: 200px; height: 200px; flex-basis: 200px; }
  .qr-downloads { justify-content: center; }
}