@layer legacy {
/* Organization choices built by auth-login.js after an email-link request (not in JSX). */
.ct-login__tenant-options {
  display: grid;
  gap: 0.5rem;
}

.ct-login__tenant-choice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  padding: 0.625rem 0.75rem;
  border: 1px solid var(--color-line);
  border-radius: 0.375rem;
  background: #fff;
  color: var(--color-body);
  text-align: left;
  cursor: pointer;
}

.ct-login__tenant-choice:hover {
  border-color: var(--color-line-strong);
  background: var(--color-brand-50);
}

.ct-login__tenant-choice-name {
  display: block;
  color: var(--color-ink);
  font-weight: 500;
}

.ct-login__tenant-choice-meta {
  display: block;
  color: var(--color-muted);
  font-size: var(--text-xs);
}

.ct-login__tenant-choice-action {
  flex: none;
  color: var(--color-brand-700);
  font-size: var(--text-xs);
  font-weight: 500;
}

}