/* Agency name prompt above scan results, shown until the account has a real name for PDF reports */
@layer components {
  .agency-name-prompt {
    max-width: 36rem;
    /* The page header above already ends in a rule, so only close the prompt with one */
    margin-bottom: var(--space-8);
    padding-bottom: var(--space-6);
    border-bottom: 1px solid var(--color-border);

    .form__hint {
      margin: 0 0 var(--space-3);
    }

    .agency-name-prompt__field {
      display: flex;
      gap: var(--space-2);

      .form__input {
        flex: 1;
        min-width: 0;
      }
    }
  }

  @media (max-width: 640px) {
    .agency-name-prompt .agency-name-prompt__field {
      flex-direction: column;
    }
  }
}