/* Auth form components */
.auth-title {
	@apply text-3xl font-extrabold text-gray-800;
}

.auth-subtitle {
	@apply mt-2 text-sm text-gray-600;
}

.auth-form {
	@apply mt-6 space-y-4;
}

.auth-input {
	@apply mt-1 block w-full border border-gray-200 rounded-md px-3 py-2 bg-white;
}

.auth-input:focus {
	@apply outline-none ring-2 ring-primary-300;
}

.auth-checkbox {
	@apply mr-2 h-4 w-4 text-primary-600 border-gray-300 rounded;
}

.auth-link {
	@apply text-primary-600 font-medium;
}

.auth-btn {
	@apply w-full inline-flex items-center justify-center py-2 px-4 rounded-md font-semibold text-white bg-primary-500 hover:bg-primary-600 shadow-md;
}

.auth-card {
	@apply w-full max-w-md bg-white shadow-md rounded-lg p-8;
}

.auth-error-summary {
  background: var(--error-50);
  border: 1px solid var(--error-100);
  border-radius: 8px;
  padding: 10px 14px;
  margin-bottom: 8px;
}

.auth-error-list {
  margin: 0;
  padding-left: 16px;
  color: var(--error-600);
  font-size: 12px;
  line-height: 1.6;
}
