body[data-page="login"] .legacy-login-page { min-height: 100dvh; padding-top: clamp(28px, 7vh, 72px); }
.legacy-login-wordmark { text-decoration: none; color: inherit; }
.legacy-login-dialog footer .legacy-text-button { text-transform: none; }
@media (max-width: 600px) {
  body[data-page="login"] .legacy-login-page { padding: 64px 12px 24px; place-items: start center; }
  .legacy-login-shell { width: 100%; }
  .legacy-login-dialog { width: 100%; padding: 24px 22px; }
  .legacy-login-dialog label:not(.auth-honeypot) { display: grid; grid-template-columns: minmax(0, 1fr); gap: 7px; margin-bottom: 20px; font-size: 15px; }
  .legacy-login-dialog input { min-height: 44px; font-size: 16px; width: 100%; }
  .legacy-login-dialog .legacy-field-help { margin-left: 0; font-size: 13px; }
  .legacy-login-wordmark { margin-bottom: 24px; width: 100%; }
  .legacy-login-error, .legacy-login-links, .legacy-login-note { margin-left: 0; }
  .legacy-login-links { width: 100%; justify-content: flex-start; flex-wrap: wrap; gap: 12px; font-size: 14px; }
}
.sample-page { height: 100vh; height: 100dvh; margin: 0; display: flex; flex-direction: column; overflow: hidden; color: #263940; background: #eff3f4; font: 15px/1.5 system-ui, sans-serif; }
.sample-header { padding: 12px 20px; display: flex; flex: 0 0 auto; gap: 16px; justify-content: space-between; align-items: center; background: #fff; border-bottom: 1px solid #d4dfe3; }
.sample-header p { margin: 0; }.sample-header a { color: #126d71; }
#sample-frame { display: block; width: 100%; min-height: 0; flex: 1 1 auto; border: 0; }
#sample-status { flex: 0 0 auto; padding: 12px 20px; }
@media (max-width: 600px) { .sample-header { flex-wrap: wrap; gap: 8px; font-size: 13px; } .sample-header p { width: 100%; order: 3; } }