/* Mobile verification experience - release 1.0.0 */
.mio-verify-page { overflow-x: hidden; }
.mio-verify-page *, .mio-verify-page *::before, .mio-verify-page *::after { box-sizing: border-box; }
.mio-verify-page :where(button, a, input, select, textarea):focus-visible { outline: 3px solid #f3c94f; outline-offset: 3px; }
.mio-verify-page :where(input, select, textarea) { min-width: 0; max-width: 100%; font: inherit; }
.mio-verify-page :where(button, .button) { min-height: 44px; touch-action: manipulation; }
.mio-verify-page .verify-shell,
.mio-verify-page .verification-shell,
.mio-verify-page .verify-card,
.mio-verify-page .verification-card,
.mio-verify-page main { min-width: 0; }
.mio-verify-page :where(.verification-grid, .verify-grid, .result-grid) { min-width: 0; }
.mio-verify-page :where(.verification-code, .invitation-code, [data-verification-code]) { overflow-wrap: anywhere; word-break: break-word; }
.mio-verify-page :where(img, svg, canvas, video) { max-width: 100%; height: auto; }

@media (max-width: 700px) {
  .mio-verify-page main { padding-inline: 14px; }
  .mio-verify-page :where(.verification-grid, .verify-grid, .result-grid) { grid-template-columns: minmax(0, 1fr) !important; }
  .mio-verify-page :where(.verify-card, .verification-card, .result-card) { width: 100%; padding: 20px 16px; border-radius: 20px; }
  .mio-verify-page :where(.form-actions, .verification-actions, .button-row) { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .mio-verify-page :where(.form-actions .button, .verification-actions .button, .button-row .button) { width: 100%; justify-content: center; }
  .mio-verify-page :where(input, select, textarea) { min-height: 48px; font-size: 16px; }
}

@media (max-width: 360px) {
  .mio-verify-page main { padding-inline: 10px; }
  .mio-verify-page :where(.verify-card, .verification-card, .result-card) { padding-inline: 13px; }
}

@media (prefers-reduced-motion: reduce) {
  .mio-verify-page *, .mio-verify-page *::before, .mio-verify-page *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}