/* Applied only inside the verified Android host. */
.meeting-app .login-logo {
  letter-spacing: 0.06em;
  line-height: 1.3;
}
.meeting-app .meeting-account-hint {
  margin-top: 14px;
  color: var(--smoke);
  font-size: 0.75rem;
  line-height: 1.6;
}
.meeting-app .result-content {
  max-height: calc(100dvh - 24px);
  overflow-y: auto;
  overscroll-behavior: contain;
}
@media (orientation: landscape) and (max-height: 600px) {
  .meeting-app .account-screen {
    padding: 18px 56px;
    align-items: center;
  }
  .meeting-app .account-shell {
    display: grid;
    grid-template-columns: minmax(170px, 0.9fr) minmax(240px, 1.1fr);
    column-gap: 28px;
    width: min(100%, 780px);
    max-width: none;
  }
  .meeting-app .account-brand {
    grid-column: 1;
    grid-row: 1 / 6;
    align-self: center;
  }
  .meeting-app .account-brand .login-logo {
    font-size: clamp(1.4rem, 3.2vw, 2rem);
  }
  .meeting-app .account-brand .login-subtitle {
    margin-bottom: 16px;
  }
  .meeting-app .account-brand .login-disclaimer {
    line-height: 1.6;
  }
  .meeting-app .account-shell > :not(.account-brand) {
    grid-column: 2;
  }
  .meeting-app .account-panel-title {
    margin: 0 0 8px;
    font-size: 1rem;
  }
  .meeting-app .account-error {
    min-height: 0;
    margin-bottom: 8px;
  }
  .meeting-app .account-form {
    padding: 12px 16px;
  }
  .meeting-app .account-form .form-group {
    margin-bottom: 9px;
  }
  .meeting-app .account-form .form-group label {
    margin-bottom: 5px;
  }
  .meeting-app .account-form input {
    min-height: 40px;
    font-size: 16px;
  }
  .meeting-app .account-form .account-submit {
    min-height: 44px;
    padding: 8px 12px;
  }
  .meeting-app .account-register-actions {
    min-height: 0;
    margin-top: 8px;
  }
}
@media (orientation: landscape) and (max-height: 280px) {
  .meeting-app .account-screen { align-items: flex-start; }
}