.contact-backdrop[data-v-contact-qr] { position: fixed; inset: 0; z-index: 3000; display: grid; place-items: center; padding: 12px; background: #0009; box-sizing: border-box;
}
.contact-dialog[data-v-contact-qr] { width: min(660px, 100%); min-width: 0; max-height: calc(100dvh - 24px); overflow-y: auto; padding: 20px; box-sizing: border-box; border-radius: 18px; background: #171c1b; color: #f4f7f5; overflow-wrap: anywhere; box-shadow: 0 20px 80px #0008;
}
.contact-dialog header[data-v-contact-qr] { display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
.contact-dialog h2[data-v-contact-qr] { font-size: 20px;
}
.contact-dialog h3[data-v-contact-qr] { font-size: 18px; margin-bottom: 12px;
}
.contact-dialog button[data-v-contact-qr] { border: 1px solid #637770; border-radius: 8px; background: transparent; color: inherit; cursor: pointer; padding: 8px 12px;
}
.contact-dialog button[data-v-contact-qr]:focus-visible { outline: 3px solid #8be7bf; outline-offset: 3px;
}
.contact-sections[data-v-contact-qr] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 20px; margin: 20px 0;
}
.contact-sections section[data-v-contact-qr] { min-width: 0;
}
.contact-sections img[data-v-contact-qr] { display: block; max-width: 100%; max-height: 340px; width: auto; height: auto; object-fit: contain; border: 12px solid white; box-sizing: border-box; margin: 12px auto; background: white;
}
.contact-dialog p[data-v-contact-qr] { white-space: pre-wrap; line-height: 1.6; margin: 8px 0;
}
.contact-hint[data-v-contact-qr] { color: #b7c8c0;
}
.contact-fallback[data-v-contact-qr] { border-top: 1px solid #37413d; padding-top: 12px;
}


.contact-header-trigger[data-v-aa18b5ae] { border: 0; background: transparent; color: inherit; font: inherit;
}
.contact-header-trigger[data-v-aa18b5ae]:focus-visible { outline: 3px solid #8be7bf; outline-offset: 3px;
}