.qardora-qr-modal {
  width: min(calc(100vw - 2rem), 26rem) !important;
  max-width: calc(100vw - 2rem) !important;
  height: fit-content !important;
  block-size: fit-content !important;
  min-height: 0 !important;
  min-block-size: 0 !important;
  max-height: calc(100svh - 2rem) !important;
  margin: auto !important;
  padding: 0 !important;
  overflow: auto !important;
  border: 1px solid var(--line, #d8e1dc);
  border-radius: 1.25rem;
  background: var(--surface, #fff);
  box-shadow: 0 1.5rem 5rem rgb(12 29 24 / 28%);
}
.qardora-qr-modal::backdrop { background: rgb(6 24 19 / 52%); backdrop-filter: blur(3px); }
.qardora-qr-modal-card { display: grid !important; gap: 1rem; padding: 1.25rem !important; }
.qardora-qr-modal-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--line, #d8e1dc); padding-bottom: 1rem; }
.qardora-qr-modal-head h2 { margin: .2rem 0 0; font-size: 1.35rem; overflow-wrap: anywhere; }
.qardora-qr-modal-head [data-qr-close] { display: grid; flex: 0 0 2.25rem; place-items: center; width: 2.25rem; min-height: 2.25rem; margin: 0; padding: 0; line-height: 1; }
.qardora-qr-modal-body { min-height: 13rem; padding: .5rem; display: grid; place-items: center; }
.qardora-qr-modal-body img { display: block !important; width: min(100%, 15rem) !important; max-width: 15rem !important; height: auto !important; inline-size: min(100%, 15rem); aspect-ratio: 1; object-fit: contain; image-rendering: pixelated; }
.qardora-qr-modal-state { color: var(--muted, #667085); text-align: center; }
.qardora-qr-modal-actions { display: flex; justify-content: flex-end; border-top: 1px solid var(--line, #d8e1dc); padding-top: 1rem; }
.qardora-qr-modal-actions [data-qr-download] { display: inline-flex; align-items: center; justify-content: center; min-height: 2.5rem; padding: 0 .9rem; border: 1px solid var(--color-brand, #0a6b45); border-radius: .5rem; background: var(--color-brand, #0a6b45); color: #fff; font-size: .875rem; font-weight: 700; line-height: 1; text-decoration: none; }
.qardora-qr-modal-actions [data-qr-download]:hover { background: var(--color-brand-hover, #075238); border-color: var(--color-brand-hover, #075238); color: #fff; }
.qardora-qr-modal-actions [data-qr-download]:focus-visible { outline: 3px solid color-mix(in srgb, var(--color-brand, #0a6b45) 38%, transparent); outline-offset: 3px; }
.qardora-qr-modal-actions [data-qr-download]:not([href]) { pointer-events: none; opacity: .5; }

@media (max-width: 30rem) {
  .qardora-qr-modal-card { padding: 1rem; }
  .qardora-qr-modal-body { min-height: 11rem; }
  .qardora-qr-modal-body img { width: min(100%, 12rem) !important; max-width: 12rem !important; inline-size: min(100%, 12rem); }
  .qardora-qr-modal-actions > * { flex: 1; text-align: center; }
}